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); });

但是它失败并抛出'错误'警告。好编码！

现在在我的浏览器网址上粘贴“ 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（向下滚动到“dataType”部分）。

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

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

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

1 个答案: