0

JSONPリクエストを作成する単純なJQueryStockwatcherアプリがありますが、コールバック関数が呼び出されていません。このアプリのJSON呼び出しは機能していますが、ある時点でクロスドメインになるため、JSONPを作成する必要があります。

私は何が間違っているのですか？このコードを実行すると、Error関数が呼び出されます。

function loadData(data) {
    alert("Load Data");
    $.each(data.stocks,function(i,item){
        $("#results").append('Title:'+item.symbol+' ==  Price:'+item.price+'</p>');
    });
}   

$(document).ready(function(){
var url='http://localhost:8080/StockWatcherServer/stockwatcher/stockPrices?q=';
var query;
    $('button').click(function(){
        query=$("#query").val();
        // Assign handlers immediately after making the request,
        // and remember the jqxhr object for this request

        //$.ajaxSetup({ crossDomain: true, scriptCharset: "utf-8" , contentType: "jsonp; charset=utf-8"});
        $.ajax({
            url : url+query,
            type: "GET",
            dataType: "jsonp",
            jsonp : "callback",
            jsonpCallback: "loadData",
            success: function(data) {alert("Success");},
            error: function(data) { alert("Error"); },

            });        
       });
});

これが私のJSON出力で、Firebugで見ることができます

{"stocks": [
  {
    "symbol": "IPOD",
    "price": 20.2182603350167,
    "change": 0.3128265006354697
  }
]}

ありがとうRajesh

4

1 に答える 1

0

それはJSONであり、JSONPではありません。クロスドメインJSONリクエストを実行している場合は、JSONではなくJSONPである必要があります。別のポートはクロスドメインです。

これは、コードに基づいてリクエストが返す必要があるJSONPです。さらに、loadDataメソッドはjqueryIIRCによってオーバーライドされます。

loadData({"stocks": [
  {
    "symbol": "IPOD",
    "price": 20.2182603350167,
    "change": 0.3128265006354697
  }
]})
于 2012-05-23T14:22:15.093 に答える