如何从 URL 解析 JSON 并在 html 中显示值答案

【问题标题】：How to parse JSON from a URL and display value in html如何从 URL 解析 JSON 并在 html 中显示值
【发布时间】：2013-10-30 19:43:30
【问题描述】：

我正在尝试获取值“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"}}

【问题讨论】：

标签： jquery ajax json jsonp

【解决方案1】：

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

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

如果您使用 ASP.Net 3.5+ 进行请求，您可能需要添加 .d 做数据变量：

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

JSFiddle

【讨论】：

【解决方案2】：

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

data['010017']['shortmessage']

您可以使用obj['property'] 表示法，因为数值会给您带来问题。请注意，obj.property 在访问方面与obj['property'] 是同义词。还可以混搭；所以，给定上面的例子，下面是一样的：

data['010017'].shortmessage

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

【讨论】：

【解决方案3】：

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

【讨论】：