如何从Javascript中成功进行JSON调用

很长一段时间我对此感到困惑.我希望获得正确使用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\u0026amp;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.我的代码愚蠢.

请帮忙.

解决方法:

这是一个JSONP类型的响应.将dataType：jsonp添加到JQuery AJAX请求中.由于您还明确指定了回调函数,因此还要添加jsonpCallback：callme.有关详细信息,请参阅JQuery docs(向下滚动到“dataType”部分).

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

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