在jquery中访问json值时出现问题

Samanyu Mehra

这是我的JSON字符串:

{"success":true,"docSearch":
 [
  {"fName":"Sam",
   "lName":"Mehra",
   "email":"[email protected]",
   "mobile":"7859857230",
   "userImage":"IMG/patient.png",
   "address":"412/A Ganesh Nagar 2 gali no.1 Laxmi Nagar Near Ajay cycles, Mona Pg",
   "special":"Allergist, Dentist, Anesthesiologist, Cardiologist",
   "deg":"MBBS, BDS, BAMS, BUMS","experience":"3","fees":"3"},
   {"fName":"Samanyu",
    "lName":"Mehra",
    "email":"[email protected]",
    "mobile":"7859857230",
    "userImage":"IMG/regis.jpg",
    "address":"412/A Ganesh Nagar 2 gali no.1 Laxmi Nagar Near Ajay cycles, Mona Pg",
    "special":"Allergist, Dentist, Anesthesiologist, Cardiologist, Dermatologist",
    "deg":"MBBS, BDS, BAMS, BUMS, BHMS, BYNS",
    "experience":"3",
    "fees":"3"
    }
  ]
}

我想访问jQuery中的值。到目前为止,我做到了:

success: function(data,textStatus,jqXHR){
            if(data.success){
                var img=document.createElement('img');
                $(data).each(function(index,item){
                $("#ajaxResponse").html("");
                $("#ajaxResponse").append("<b>First Name:</b> " + data.docSearch[index].fName+"<br>");
                $("#ajaxResponse").append("<b>Last Name:</b> " + data.docSearch[index].lName+"<br>");
                $("#ajaxResponse").append("<b>Email:</b> " + data.docSearch[index].email+"<br>");
                $("#ajaxResponse").append("<b>Experience:</b> " + data.docSearch[index].experience+"<br>");
                $("#ajaxResponse").append("<b>Fees:</b> " + data.docSearch[index].fees+"<br>");
                img.src=data.docSearch[index].userImage;
                $("#ajaxResponse").append(img);
                });
            } 

如果有人读过这篇文章知道如何访问JSON字符串,请帮帮我。注意:此JSON字符串也可以包含1个值,例如:

    {"success":true,"docSearch":
 [
  {"fName":"Sam",
   "lName":"Mehra",
   "email":"[email protected]",
   "mobile":"7859857230",
   "userImage":"IMG/patient.png",
   "address":"412/A Ganesh Nagar 2 gali no.1 Laxmi Nagar Near Ajay cycles, Mona Pg",
   "special":"Allergist, Dentist, Anesthesiologist, Cardiologist",
   "deg":"MBBS, BDS, BAMS, BUMS","experience":"3","fees":"3"}
]
    }

编辑1:

    success: function(data,textStatus,jqXHR){
        //doc Name was correct so we have some information to display   
        if(data.success){
            var img=document.createElement('img');
            var br=document.createElement('br');
            $("#ajaxResponse").html("");
            $(data.docSearch).each(function(index,item){
            $("#ajaxResponse").append("<b>First Name:</b> " + item.fName+"<br>");
            $("#ajaxResponse").append("<b>Last Name:</b> " + item.lName+"<br>");
            $("#ajaxResponse").append("<b>Email:</b> " + item.email+"<br>");
            $("#ajaxResponse").append("<b>Usernames:</b> " + item.username+"<br>");
            $("#ajaxResponse").append("<b>Experience:</b> " + item.experience+"<br>");
            $("#ajaxResponse").append("<b>Fees:</b> " + item.fees+"<br>");
            img.src=item.userImage;
            $("#ajaxResponse").append(img);
            $("#ajaxResponse").append(br);
            });
        } 
             //display error message
             else {
                 $("#ajaxResponse").html("<div><b>No Record Found!!</b></div>");
             }
        },

我添加了<'br'>标记,以便在要显示的两个内容之间都有一个换行符,但是没有换行符,并且也没有显示2张图像。对于第一次迭代,它只读取它,然后像这样保留它;对于第二次迭代,它显示图像。我要两个数据都显示图像。请帮忙 !!

编辑2:我的问题得到解决,方法是将var img=document.createElement('img');in保持在循环中,以便每当它为图像设置路径时,它将显示图像。

桑迪普K.

您有使用foreach循环错误的变量。将foreach循环用于data.docSearchnot for data

var data = {"success":true,"docSearch":
 [
  {"fName":"Sam",
   "lName":"Mehra",
   "email":"[email protected]",
   "mobile":"7859857230",
   "userImage":"IMG/patient.png",
   "address":"412/A Ganesh Nagar 2 gali no.1 Laxmi Nagar Near Ajay cycles, Mona Pg",
   "special":"Allergist, Dentist, Anesthesiologist, Cardiologist",
   "deg":"MBBS, BDS, BAMS, BUMS","experience":"3","fees":"3"},
   {"fName":"Samanyu",
    "lName":"Mehra",
    "email":"[email protected]",
    "mobile":"7859857230",
    "userImage":"IMG/regis.jpg",
    "address":"412/A Ganesh Nagar 2 gali no.1 Laxmi Nagar Near Ajay cycles, Mona Pg",
    "special":"Allergist, Dentist, Anesthesiologist, Cardiologist, Dermatologist",
    "deg":"MBBS, BDS, BAMS, BUMS, BHMS, BYNS",
    "experience":"3",
    "fees":"3"
    },{"fName":"Sandeep",
   "lName":"Mehra",
   "email":"[email protected]",
   "mobile":"7859857230",
   "userImage":"IMG/patient.png",
   "address":"412/A Ganesh Nagar 2 gali no.1 Laxmi Nagar Near Ajay cycles, Mona Pg",
   "special":"Allergist, Dentist, Anesthesiologist, Cardiologist",
   "deg":"MBBS, BDS, BAMS, BUMS","experience":"3","fees":"3"},
   {"fName":"Samanyu",
    "lName":"Mehra",
    "email":"[email protected]",
    "mobile":"7859857230",
    "userImage":"IMG/regis.jpg",
    "address":"412/A Ganesh Nagar 2 gali no.1 Laxmi Nagar Near Ajay cycles, Mona Pg",
    "special":"Allergist, Dentist, Anesthesiologist, Cardiologist, Dermatologist",
    "deg":"MBBS, BDS, BAMS, BUMS, BHMS, BYNS",
    "experience":"3",
    "fees":"3"
    }
  ]
}


$(data.docSearch).each(function(index,item){
                console.log(item.fName);
                });
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用名称中的点访问 json 的值时出现问题

来自分类Dev

在Javascript中访问返回的JSON时出现问题

来自分类Dev

访问阵列内部的值时出现问题

来自分类Dev

由于int导致访问json数组时出现问题

来自分类Dev

在javascript函数中访问字典/ json来填充表时出现问题

来自分类Dev

在Scala中访问数据集时出现问题

来自分类Dev

在angularjs中访问数据时出现问题

来自分类Dev

在 Angular 5 中刷新访问令牌时出现问题

来自分类Dev

将JSON对象加载到Datatable Jquery中时出现问题

来自分类Dev

尝试从雄辩的查询中插入值时出现问题

来自分类Dev

Python:显示字典中的值时出现问题

来自分类Dev

在javascript中查找重复值时出现问题

来自分类Dev

访问XML数据时出现问题

来自分类Dev

访问GridPane节点时出现问题

来自分类Dev

访问Mysql时出现问题

来自分类Dev

在nginx后面访问时出现问题

来自分类Dev

访问Mysql时出现问题

来自分类Dev

在jQuery中创建新元素时出现问题

来自分类Dev

在R中读取JSON文件时出现问题

来自分类Dev

在Ruby中读取大型JSON文件时出现问题

来自分类Dev

在Laravel中创建JSON Feed时出现问题

来自分类Dev

在Python脚本中解析JSON数据时出现问题

来自分类Dev

在Ruby中读取大型JSON文件时出现问题

来自分类Dev

在 VBA 中解析特定 JSON 时出现问题

来自分类Dev

输出多个值时出现问题

来自分类Dev

遍历数组时从状态访问值时出现问题

来自分类Dev

加载jquery接口时出现问题,

来自分类Dev

使用JQuery Toggle时出现问题

来自分类Dev

处理Json请求时出现问题