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

显示使用AJAX接收的JSON响应

3 个答案: