0

JSON応答を取得するためにURLを送信していますが、「適切な応答」（jsonデータ）ではなくオブジェクトとして応答を取得しています..ここで何が問題なのですか..

var JsonHandler = function(){
    return{
        json : function(url){
            return $.getJSON(url, function(data){
                return data;
            });
        }
    }
};

(function ($) {

    var path = "js/data.json";
    var getJson = new JsonHandler();
    console.log(getJson.json(path));// i am getting a object instead of json response..

})(jQuery);
4

4 に答える 4

1

コールバックでロジックを処理する必要があります。それをどのように行うべきかは、コードによって異なります。

console.dir(data)代わりに置くとreturn data;、応答が表示されます。

したがって、そこにあるデータで何かを行う必要がある対応するコードを配置する必要があります。または私たちjQuery.proxyまたはFunction.prototype.bindあなたのコールバックをオブジェクトにバインドします。しかし、 に渡すコールバックをどのように作成しても、それはデータを使用する実行パスの起点getJsonでなければなりません。

非同期の動作を説明するには、コードの次の変更を確認してください。

var JsonHandler = function(){
    return{
        json : function(url){
            return $.getJSON(url, function(data){
                console.log("data received");
                console.dir(data);
            });
        }
    }
};

(function ($) {

    var path = "js/data.json";
    var getJson = new JsonHandler();
    console.log("before json request");
    getJson.json(path);// i am getting a object instead of json response..
    console.log("after json request");

})(jQuery);

編集

これは pub/sub システムの例です(コードは現在、より疑似コードです - 構文エラーについてはテストしていませんが、おそらく既存のエラーを数時間で修正します)

var JsonHandler = {
    request : function( url, params, key ) {
        $.getJSON(url, params, function(data){
            //because of js scopes the 'key'  is the one that is used for requesting the data
            JsonHandler._publishData(data, key);
        });
    },

    _subcribers : {},

    /* 
        key could also be path like this: 
                      /news/topic1
                      /news/topic2
                      /news

        so code  subscribes for '/new'  it will be notifed for  /news/topic1, /news/topic2,  /news
    */
    subscribe : function( key, callback ) {

        /*
        The path logic is missing here but should not be that problematic to added if you understood the idea 

        */

        this._subcribers[key] = this._subcribers[key]||[];
        this._subcribers[key].push(callback);

    },


    _publishData : function( data, key ) {
        /*
        check if there are subscribers for that key and if yes call notify them
                    This part is also missing the path logic mention above, is just checks for the key
        */
        if ( this._subcribers[key] ) {
            var subscribers = this._subcribers[key];

            for( var i = 0, count = subscribers.length ; i<count ; i++ ) {
                subscribers[i](data,key);
            }
        }

    }


}

var AnObject = function() {
}

AnObject.prototype = {
    updateNews : function(data, key) {
        console.log("received data for key: "+ key);
        console.dir(data);
    }
};


var obj = new AnObject();

//add a simple callback
JsonHandler.subscribe( "/news", function(data, key ) ) {
    console.log("received data for key: "+ key);
    console.dir(data);
});

//add a callback to a 'method' of an object
JsonHandler.subscribe( "/news", obj.updateNews.bind(obj) );


JsonHandler.request("some/url",{/* the parameters */}, "/news");
于 2013-06-17T09:34:28.570 に答える
0 
 $.ajax({
              type: "POST",
              url: "frmTrialBalance.aspx/GetTheTrialBalanceOriginalCurrPriorTwoQuarter",
              data: "{ CompanyId:'" + s + "',EndDate:'" + datet + "'}",
              contentType: "application/json; charset=utf-8",
              dataType: "json",
              success: function (msg) {


                 ***var data = $.parseJSON(msg.d);***

                  LoopGetTrialBalanceORIGINALPriorYearMonthQuarter(data);
                  IncreaseIframeHeight();
              },
              error: AjaxFailed
          });*emphasized text*
于 2013-06-17T10:02:48.540 に答える