如何在jquery中解码/分离php编码的json。

我想将我编码的json解码为jquery并将所有分隔的代码设置为不同的表单元素。 在这里，我发布我的所有代码。

PHP代码..

HTML代码

 Save & Next   

** jquery **

 $('a#savenext').on('click',function(){ var passid = $('input#ques').val(); //var name = $('input#QPt').val(); if($.trim(passid) != '') { $.post('retrivedata.php', { passid: passid}, function(data){ //$.each(data, function(i, name) { // alert(name.Q_Id); //}); $('div#datatable').text(data); //$('input#QPt').text(QPt); }); } }); 

我是jquery Ajax和JavaScript的新手，所以我无法处理它。 任何帮助欣赏。

目前我得到这样的结果。

Answer 1

在php中设置正确的标题

 header('Content-Type: application/json'); $data = json_encode(mysql_fetch_assoc($query)); 

jquery将负责解析

要将数据添加到您的页面，请使用append

  $('body').append('
'+data.Question+''); 

 var data = { "Q_Id": "1", "QP_Name": "test1", "Question": "Which is indian capital.?" }; $('#ques').val(data.Question); $('#QPt').val(data.QP_Name); $('body').append('
' + data.Question + ''); 

  Save & Next   

Answer 2

将json设置为ajax调用返回的数据类型，如下所示：

 $('a#savenext').on('click',function(){ var passid = $('input#ques').val(); //var name = $('input#QPt').val(); if($.trim(passid) != '') { $.post('retrivedata.php', { passid: passid}, function(data){ //$.each(data, function(i, name) { // alert(name.Q_Id); //}); $('div#datatable').text(data); //$('input#QPt').text(QPt); },'json'); } }); 

Answer 3

 $('a#savenext').on('click',function(){ var passid = $('input#ques').val(); if($.trim(passid) !=) { $.post('retrivedata.php', {passid: passid}, function(data){ var da = JSON.parse(data); $('div#datatable').text(da.QP_Name); //alert(da.QP_Name); }); } });