将JSON对象添加到DIV中

Question

将JSON对象添加到DIV中

3

我正在通过AJAX调用获取一个JSON对象作为响应：

{ "Score": 5, "OS": "Windows 7" }

我想将它添加到一个div中，但以下代码无效：data.OS或data.Score仅以未定义的形式返回。

$.ajax({
     type: "POST",
     url: '/details',
     data: JSON.stringify(IP), 
     contentType: 'application/json;charset=UTF-8',   
     success: function(data) {

        $('#OSdetails').append('<div id="details">Operating System: ' + data.OS + '</div>');

     }
});

我做错了什么？

- Strobe_

3

如果你使用 console.log(data)，你会得到完全相同的结果：Object { "Score": 5, "OS": "Windows 7" }。 - GG.

1

你的Ajax调用中请求的数据类型是什么？如果你将它设置为JSON，它会自动转换。请展示你的Ajax调用代码。 - iCollect.it Ltd

我更新了代码。是的，GG我做到了。 - Strobe_

如果您使用Firebug，那么您可以调试success方法并查看data参数具有哪些参数。 - ThunD3eR

你能添加所有的Ajax代码吗？ - ItayB

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Gone Coding · Accepted Answer

$.ajax({
     dataType: 'JSON',         <==== THIS IS MISSING
     type: "POST",
     url: '/details',
     data: JSON.stringify(IP), 
     contentType: 'application/json;charset=UTF-8',   
     success: function(data) {

dataType指定了预期的数据类型，并允许自动转换。