显示使用AJAX收到的JSON响应

Question

我有一些问题来显示从下面给出的代码得到的响应。请帮我显示我从这个代码让我的网​​页上的回应：

$(document).ready(function() { 
    console.log("ready!"); 
    $('#m_p_advc').change(function() { 
     var sup = $('#m_p_advc').val(); 
     $('#result').html(sup); 
     $.ajax({ 
      type: 'GET', 
      url: '../hcshimla/newfiling/ajaxfunction.php', 
      data: {gadvcd: sup, flag: 'ADV'}, 
      success: function (response) { 
       $('#result').html(response.first); 
      } 
     }); 
    }); 
}); 

这里是数据的，我通过这个代码接收的截图：

在这个响应（数据）我想分割与“〜”（符号）分隔的每一位信息，并将它们显示在窗体上的不同文本框中。

Answer 1

随着你的回应，你得到的，与它们分割〜如果你想显示不同的文本框的分裂值意味着他们循环序放置与价值相应的文本框..下面是该示例代码..不知道你是否在寻找这种输出的..

样本HTML：

<input type="text" id="TextBox0" /> 
<input type="text" id="TextBox1" /> 
<input type="text" id="TextBox2" /> 

的jQuery：

$(document).ready(function() { 
    $.ajax({ 
     type: 'GET', 
     url: '../hcshimla/newfiling/ajaxfunction.php', 
     data: {gadvcd: sup, flag: 'ADV'}, 
     success: function (response) { 

      var arr = response.split("~"); 

      for (var i = 0; i <= arr.length; i++) 
      { 
       $('#TextBox' + i + '').val(arr[i]); 
      } 
     }, 
     error: function (response) { 
      alert(response); 
     } 
    }); 
}); 

Answer 2

$(document).ready(function() { 
console.log("ready!"); 
$('#m_p_advc').change(function(){ 
var sup = $('#m_p_advc').val(); 
$('#result').html(sup); 
$.ajax({ 
    dataType: "json", 
    type: 'GET', 
    url: '../hcshimla/newfiling/ajaxfunction.php', 
    data: { gadvcd: sup, flag: 'ADV' }, 
    success:function(response) { 
     console.log(response); 
     var responseData = response.split("~"); //ResponseData is an array 

     $.each(responseData, function(i, v){ 
       // Do your menupulation. 
      }); 
     } 
    }); 
    }); 
}); 

Answer 3

您需要使用JSON.parse()

success: function(response) { 
    var obj = JSON.parse(response); 
    $('#result').html(obj.first); 
}