Jquery 显示使用AJAX接收的JSON响应

Jquery 显示使用AJAX接收的JSON响应,jquery,ajax,Jquery,Ajax,我在显示以下给定代码的响应时遇到一些问题。请帮助我在我的页面上显示从以下代码获得的响应: $(document).ready(function () { console.log("ready!"); $('#m_p_advc').change(function () { var sup = $('#m_p_advc').val(); $('#result').html(sup); $.ajax({ type:

我在显示以下给定代码的响应时遇到一些问题。请帮助我在我的页面上显示从以下代码获得的响应:

$(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);
            }
        });
    });
});
下面是我通过代码接收到的数据截图:

$(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);
            }
        });
    });
});

在这个响应(数据)中,我想将每一位信息用“~”(符号)分隔,并将它们显示在表单的不同文本框中。

您需要使用

$( 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.
          });
       }
    });
  });
});

根据您得到的响应,使用~将其拆分。如果要在不同的文本框中显示拆分后的值,请循环这些值,以便将值放置在相应的文本框中。。下面是这方面的示例代码。。不确定您是否正在寻找这种输出

示例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);
        }
    });
});
$(文档).ready(函数(){
$.ajax({
键入:“GET”,
url:“../hcshimla/newfiling/ajaxfunction.php”,
数据:{gadvcd:sup,标志:'ADV'},
成功:功能(响应){
var arr=响应。拆分(“~”);

对于(var i=0;i)在获得响应后,使用“~”符号拆分数据。这将为您提供一个数组。现在,使用此数组在HTML文本框中循环它。如果您也提供HTML,这将非常有用。为什么不将php响应格式化为json格式?目前响应不是
数据类型:json
。响应不是直接的json。您将数据类型设置为“json”,这就是ajax希望收到的结果。请尝试忽略该数据类型,看看默认值是否可以完成此任务。响应是html,只是字符串而已。因此,您需要将数据类型更改为“html”或者完全忽略该选项,它应该默认为html。请阅读上的dataType选项,我将收到一个错误显示为警报消息。错误是“[object]”。那里出了什么问题。