解码Ajax调用中的Json响应

Decode Json Response from Ajax Call

本文关键字：Json 响应 Ajax 调用 解码      更新时间：2024-06-10

我通过在本地主机上运行的html页面上的ajax调用从python脚本获得json响应。当我alert/显示响应时，它是正确的ajax格式，但我不知道如何解码。JSON解析显示[object][object]。有什么帮助吗？提前谢谢。

HTML:

function getData() {
    // Code doesn't even enter this function but when i remove the $.ajax part it enters the function
    alert("I AM HERE");
    $.ajax({
        type: "GET",
        datatype: 'json',
        url: "/cgi-bin/check.py",
        data: {
            action: 'muawia()',
        },
        success: function(data) {
            alert(data);
        },
        error: function(data) {
            alert(data.responseText);
        }
    });
};

Python:

#!/usr/bin/python
import cgi, cgitb 
from StringIO import StringIO
import json
class myclass:
    def __init__(self):
            self.data = []

    def muawia(self):
        content=json.loads('{"access": {"token": {"issued_at": "2013-04-18T14:40:23.299903", "expires": "2013-04-19T14:40:23Z", "id": "4c5ef01f52c7404fb5324c520d25d1fe", "tenant": {"description": "admin tenant", "enabled": true, "id": "51ad87714b86442d9a74537d6f890060", "name": "admin"}}, "serviceCatalog": [{"endpoints": [{"adminURL": "http://10.199.0.250:8774/v2/51ad87714b86442d9a74537d6f890060", "region": "RegionOne", "internalURL": "http://10.199.0.250:8774/v2/51ad87714b86442d9a74537d6f890060", "id": "9869f55f0de2490685676b6ec27f6097", "publicURL": "http://10.199.0.250:8774/v2/51ad87714b86442d9a74537d6f890060"}], "endpoints_links": [], "type": "compute", "name": "nova"}, {"endpoints": [{"adminURL": "http://10.199.0.250:8080", "region": "RegionOne", "internalURL": "http://10.199.0.250:8080", "id": "321601d827ba4bbbb6de1df69fd43a1c", "publicURL": "http://10.199.0.250:8080"}], "endpoints_links": [], "type": "s3", "name": "swift_s3"}, {"endpoints": [{"adminURL": "http://10.199.0.250:9292", "region": "RegionOne", "internalURL": "http://10.199.0.250:9292", "id": "cca7d7a24dbe45b6ae08da2c023b0d82", "publicURL": "http://10.199.0.250:9292"}], "endpoints_links": [], "type": "image", "name": "glance"}, {"endpoints": [{"adminURL": "http://10.199.0.250:8776/v1/51ad87714b86442d9a74537d6f890060", "region": "RegionOne", "internalURL": "http://10.199.0.250:8776/v1/51ad87714b86442d9a74537d6f890060", "id": "14773153229d4e7f80e47cf7b1dd2d15", "publicURL": "http://10.199.0.250:8776/v1/51ad87714b86442d9a74537d6f890060"}], "endpoints_links": [], "type": "volume", "name": "cinder"}, {"endpoints": [{"adminURL": "http://10.199.0.250:8773/services/Admin", "region": "RegionOne", "internalURL": "http://10.199.0.250:8773/services/Cloud", "id": "064df72a67f54dffa68c07b8fc400bdb", "publicURL": "http://10.199.0.250:8773/services/Cloud"}], "endpoints_links": [], "type": "ec2", "name": "nova_ec2"}, {"endpoints": [{"adminURL": "http://10.199.0.250:8080/", "region": "RegionOne", "internalURL": "http://10.199.0.250:8080/v1/AUTH_51ad87714b86442d9a74537d6f890060", "id": "194df182a8c043e48175a40fb615064e", "publicURL": "http://10.199.0.250:8080/v1/AUTH_51ad87714b86442d9a74537d6f890060"}], "endpoints_links": [], "type": "object-store", "name": "swift"}, {"endpoints": [{"adminURL": "http://10.199.0.250:35357/v2.0", "region": "RegionOne", "internalURL": "http://10.199.0.250:5000/v2.0", "id": "34db74b5f32f4121932725b1146a1701", "publicURL": "http://10.199.0.250:5000/v2.0"}], "endpoints_links": [], "type": "identity", "name": "keystone"}], "user": {"username": "admin", "roles_links": [], "id": "b5902682120742baa150945d8a37ff47", "roles": [{"name": "admin"}], "name": "admin"}, "metadata": {"is_admin": 0, "roles": ["9aa2eb385f4e4a8e80ad5002c212e76b"]}}}')
        data=json.dumps(content, indent=4, separators = (', ', ': '))
        print data
        return
print "Content-Type: text/html'n"
x = myclass()
x.muawia()

您应该使用

console.log(data)

而不是警报（数据）。警报将只显示字符串

alert（）只输出字符串。所以一般来说，它与相同

data = data.toString();
alert(data);

将console.log或console.dir与JSON.parse结合使用，可以显示从JSON.passe.返回的实际对象

// In your $.ajax success method
var someVar = JSON.parse(data);
console.log(someVar);

您也可以将其临时设置为全局变量，通过输入其名称，通过Firebug/Chrome DevTools控制台对其进行调试。例如：

// In your $.ajax success method
window.data = data;

然后在控制台中键入"data"。

请注意，这是一种糟糕的生产方式，您的浏览器JavaScript引擎不能垃圾收集全局变量，尤其是全局变量名，因为数据很有可能与其他全局变量发生冲突。如果出于某种原因仍要使用全局，请确保使用可靠的命名约定以防止出错。

这是绝对正常的，因为JSON.parse(stringData)创建了一个正常的JavaScript对象，所以您可以在警报中获得[object Object]。您必须访问每个对象的属性才能获得其值。就你而言var jsonObj = JSON.parse(data); alert(jsonObj.access.token.issued_at);

将是例如"2013-04-18T14:40:23.299903"

您可以使用$.parseJSON来正确格式化数据。您可能还想删除错误响应函数末尾的多余逗号。它可能会导致语法错误。删除"action:'muawia（）'"中的逗号。

success: function(data){
    r = $.parseJSON(data)
    alert(r.responseText);
},
error: function(data){
    r = $.parseJSON(data)
    alert(r.responseText);
}

希望这能有所帮助！

相关文章：