如何从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文档(向下滚动到"dataType"部分).

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

您提到了跨域策略; JSONP规范是此策略阻止跨域请求的变通方法.我们的想法是,服务器返回包含数据的Javascript代码段,而不是返回数据.然后,客户端执行返回的函数以检索数据.JQuery ajax方法具有内置功能,可以处理所有这些"幕后".