jquery - 如何从 URL 解析 JSON 并在 html 中显示值

Question

我正在尝试获取值“shortmessage”并将其显示在我的 HTML 正文中。下面我一直在搞砸。谢谢您的帮助！

JQUERY（我正在尝试使用）

$.ajax({
    url: 'http://www.myURL.com',
    type: 'GET',
    crossDomain: true,
    dataType: 'jsonp',
    success: function(data){
        //What I am trying
        $("body").append(JSON.stringify(010017.shortmessage));

    }
});

JSON URL 响应

{"010017":{"shortmessage":"Jeans On Sale!","enddate":"10\/15\/2013 23:59:59","longmessage":"Save on your favorite Levi Jeans!","style":"010017"}}

Answer 1

var jUrl = {"010017":{"shortmessage":"Jeans On Sale!","enddate":"10\/15\/2013 23:59:59","longmessage":"Save on your favorite Levi Jeans!","style":"010017"}};
alert(jUrl["010017"].shortmessage);

Answer 2

您需要在成功函数中使用 data 属性。

$('body').append(data['010017'].shortmessage);

如果您对请求使用 ASP.Net 3.5+，您可能需要添加.ddo data 变量：

$('body').append(data.d['010017'].shortmessage);

JSFiddle

Answer 3

data应该已经分配了请求的响应。Ans，因为它是 JSON，它应该被转换为原生 JavaScript 对象，这使得以下操作变得可行：

data['010017']['shortmessage']

您可以使用obj['property']符号，因为数值会给您带来问题。就访问而言，提醒obj.property是同义词obj['property']。还可以混搭；所以，给定上面的例子，下面是相同的：

data['010017'].shortmessage

一起破解示例：http: //jsfiddle.net/r3K4W/