想要在HTML Ajax jquery请求中显示此数据

时间:2016-12-12 17:50:37

标签: jquery html ajax

{"response":{"refno":"hfc","status":"Status : Reference number does not exist."}}

我已向网页发出请求,网页会以此格式返回回复。如何以HTML格式显示此表格,无论是表格还是普通表格。我在下面显示我的ajax代码。使用curl php向网页发出请求。试过一些方法没有成功。任何帮助,将不胜感激。

 jQuery(document).ready(function($){

     $('#st_epic').submit(function(){
        var requestId = $("#epic").val();

        $.ajax({
            url: '/rand.php',
            method: 'POST',
            data: { requestId:requestId},
            dataType: "json",
            success: function (data) {

                var trHTML = '';

                $.each(data.response:, function (i, item) {    
                    trHTML += '<tr><td>' + data.refno[i] + '</td><td>' + data.status[i] + '</td></tr>';
                });

                $('#epic_result').append(trHTML);
            },

            error: function (msg) {
                alert(msg.responseText);
            }
        });
})

对javascript知之甚少。很困惑。

1 个答案:

答案 0 :(得分:0)

你正在做一些不必要的事情。返回的数据是具有2个属性的对象中的简单对象。

jQuery(document).ready(function($){

     $('#st_epic').submit(function(){
        var requestId = $("#epic").val();

        $.ajax({
            url: '/rand.php',
            method: 'POST',
            data: { requestId:requestId},
            dataType: "json",
            success: function (data) {

                trHTML += '<tr><td>' + data.response.refno + '</td><td>' + data.response.status + '</td></tr>';
                $('#epic_result').append(trHTML);
            },
            error: function (msg) {
                alert(msg.responseText);
            }
        });
    });