如何根据ajax jquery中的json响应来编写/更新html页面中的数据

时间:2014-03-21 11:07:11

标签: javascript jquery cordova windows-phone-8

我正在使用javascript jquery。我发送请求到url获取json响应,我希望json响应应该显示在另一个html页面中,一些好的格式可能是表格或更平滑的格式。然后我该怎么做。我还想要更新数据在我的html页面中,取决于动态的json响应。我该怎么做。我正在使用phonegap然后我应该使用哪种技术用于服务器端?

$.ajax({
    type: "GET",
    url: "url",
    data: null,
    contentType: "application/json; charset=utf-8",
    success: function(data) {
        alert("success");
    }
}, error: function(jqXHR, exception) {
    if (jqXHR.status === 0) {
        alert('Not connect.\n Verify Network.');
    } else if (exception === 'timeout') {
        alert('Time out error.');
    } else if (exception === 'abort') {
        alert('Ajax request aborted.');
    } else {
        alert('Uncaught Error.\n' + jqXHR.responseText);
    }
}
});  

2 个答案:

答案 0 :(得分:0)

替换为此代码

$.ajax({
    type: "GET",
    url: "url",
    data: null,
    contentType: "application/json; charset=utf-8",
    success: function(data) {
        alert("success");
    },
    error: function(jqXHR, exception) {
        if (jqXHR.status === 0) {
            alert('Not connect.\n Verify Network.');
        } else if (exception === 'timeout') {
            alert('Time out error.');
        } else if (exception === 'abort') {
            alert('Ajax request aborted.');
        } else {
            alert('Uncaught Error.\n' + jqXHR.responseText);
        }
    }
});

答案 1 :(得分:-1)

而不是alert("sucess")你可以使用像这样的代码

myDiv = document.getElementById('htmldiv');

myDiv.innerHTML = "Success";

但基本上只是动态更新页面的一部分。您还可以显示响应,如下所示,其结果将取决于AJAX调用的结果。

myDiv.innerHTML = jqXHR.responseText;