如何使用JQuery中的data参数解析JSON？

Question

我正在使用Jersey和JQuery在客户端创建Web应用程序。 我具有以下返回JSON字符串的URL：

http://localhost:8080/messenger/webapi/messages/1

返回：

 {"author":"Joe","created":"2015-07-28T22:33:34.667","id":1,"message":"Hello World"}

在浏览器中输入时。

现在，我尝试使用以下JQuery函数获取此数据客户端：

var rootURL = "http://localhost:8080/messenger/webapi/messages";

$(function() {


$('#btnRegister').click(function() {
    var username = $('#username').val();
    addMessage();
});

function addMessage() {

    var url = rootURL;
    $.ajax({
        type: 'GET',
        url: rootURL +"/1",
        dataType: "json", // data type of response
        success: (function(data) {
            var obj = jQuery.parseJSON(data);
            alert('ID: ' + obj.id);

        })
    });
}

}）;

编辑：当按下“ btnRegister”时，什么都不会显示

这对我来说毫无意义。

Answer 1

成功回调函数中有一些不必要的$包装，也不需要在设置dataType:'json'解析响应。 为了更好地理解$.ajax()阅读此处的文档。

 $(function() { $('#btnRegister').click(function() { var username = $('#username').val(); addMessage(); }); function addMessage() { var url = rootURL; $.ajax({ type: 'GET', url: rootURL + "/1", dataType: "json", // data type of response success: function(data) { //----^----------- remove the $ sign alert('ID: ' + data); } }); } }); 

您可以使用obj.prop或obj['prop']访问该值

 var obj= {"author":"Joe","created":"2015-07-28T22:33:34.667","id":1,"message":"Hello World"}; alert(obj.author); alert(obj['author']);