javascript - 如何从 Javascript 进行成功的 JSON 调用

Question

这个问题困扰我好久了。我想获得正确进行 JSON 调用的宝贵知识。帮助我人类。

所以我正像这样打电话:

$.ajax({

        type    : "POST",
        url     : "http://quote.mythicalQuotes.com/unicorn/service/historical/json?callback=callme&symbols=APPL",
        dataType: "text",   
        cache   : false,       
        data    : My_Array, 
        error   : function(request,error){alert(request+" "+error); },            
        success : function(data) 
                { 
                    alert("Response" + data);  
                }//success 

}).fail(function(textStatus, errorThrown) { alert("error Error"); 
    console.log("The following error occured: "+ textStatus, errorThrown); });  

但它失败并抛出“错误”警报。好的编码!

现在在我的浏览器 URL 上粘贴“http://quote.mythicalQuotes.com/unicorn/service/historical/chart/lite/json?callback=callme&symbols=APPL”给我很好的 JSON格式:

     callme(
        {
        "SYMB" : [
        {
        "DESCRIPTION" : "APPL,
        "BARS" : {

        "CB" :[
        {
        "lt" : "09-01-2011::20:00:00",
        "op" : "16.31",
        "cl" : "15.22",
        "hi" : "16.45",
        "lo" : "14.72",
        "v" : "17768019"
        },
        {
        "lt" : "09-02-2011::20:00:00",
        "op" : "15.22",
        "cl" : "14.22",
        "hi" : "19.45",
        "lo" : "10.72",
        "v" : "17768000"
        }
        ]
        }
        ]
        })

那么我在这里做了什么暴行，激起了我对这种特殊的 Javascript 语义/句法的愤怒？

我认为有几个原因可能会导致这种情况。 1. 同源政策。 2.返回错误的JSON格式。 3. 我的代码很愚蠢。

请帮忙。

Answer 1

这是一个 JSONP 类型的响应。添加 dataType: jsonp 到 JQuery AJAX 请求。由于您还明确指定了回调函数，因此还要添加 jsonpCallback: callme。查看JQuery docs了解更多信息(向下滚动到“数据类型”部分)。

$.ajax({
    dataType: "jsonp",
    jsonpCallback: "callme",
    // ...
    success: function(data) {
        alert(data);  // should show the JSON:  { "SYMB" : ... }
    }
});

您提到了跨域策略； JSONP 规范是此策略阻止跨域请求的解决方法。这个想法是，服务器返回一个包含数据的 Javascript 片段，而不是返回数据。客户端然后执行返回的函数来检索数据。 JQuery ajax 方法具有在“幕后”处理所有这些的内置功能。<​​/p>