約束はjqueryの

Question

に私のスクリプトを任意の値を返しません：

var testApp = (function($){ 
    var data = [{ 
     "layout": "getSample", 
     "view": "conversations", 
     "format": "json", 
    }]; 

    var Data = 'default'; 
    function ajaxCall(opt) { 
     return new Promise(function(resolve, reject) { 

      jQuery.ajax({ 

       method: "POST", 
       url: localStorage.getItem("root")+"/index.php", 
       "data": opt, 
       error: function() { 
        alert('error'); 
       }, 
       success: function(result) { 
        console.debug(result); 
        resolve(result); 

       }//end success 
      });//end ajax 

     });//end promise 
    } 
    return { 

     render: function(opt) { 
      if(typeof opt === 'object') { 
       var list = { 
        data : [opt] 
       } 

       //here I'm passing list object's data to be used in ajaxCall function.That's the reeason I used call method. It's data is passed from another page. 
       ajaxCall.call (list, list.data).then(function(v) { 
        console.log("v "+v); // nothing happens yet...expecting for the success object to be passed here 
       }).catch(function(v) { 
        //nothing to do yet 
       }); 


      } 
     } 

    };//end return 
})(jQuery); 

は、Ajaxとの約束を使用する正しい方法ですか？

呼ば

ajaxCall.call (list, list.data).then(function(v) { 
console.log("v "+v); // doesn't return anything 
}).catch(function(v) { 
//nothing to do yet 
}); 

：How do I return the response from an asynchronous call?

Answer 1

よく、私が見つけたその簡単な修正... //コードの行の下に は、上記の移動は、新たな約束を返し、それが

VAR OPT = jQuery.extendを働きました（{}、データ[0]、opt [0]）;

Answer 2

jQuery Ajax関数はすでに約束を返します。手動で約束する必要はありません。

var testApp = (function($) { 
    var ajaxDefaults = { 
     "layout": "getSample", 
     "view": "conversations", 
     "format": "json", 
    }; 

    // this can be re-used in all your Ajax calls 
    function handleAjaxError(jqXhr, status, error) { 
     console.error('Ajax error', error); 
    }); 

    function ajaxCall(opt) { 
     var url = localStorage.getItem("root") + "/index.php", 
      data = jQuery.extend({}, ajaxDefaults, opt); 

     return $.post(url, data).fail(handleAjaxError); 
    } 

    return { 
     render: function(opt) { 
      return ajaxCall(opt).then(function (result) { 
       console.log("v " + result); 
       return result; 
      }); 
     } 
    }; 
})(jQuery); 

• あなたは、関数を呼び出すために.call()を使用する必要はありません。この場合でもそれは意味をなさない。オブジェクトメソッドではなくスタンドアロンの関数であれば、それを普通に呼び出して引数を渡します。
• localStorage.getItem("root")に何らかの値が含まれているという保証はありませんが、コードではこの可能性は無視されます。それはバグです。
• コード内に2つの変数dataとDataは必要ありません。このようなトリップ線は設定しないでください。
• $.post()/$.get()が1行でジョブを実行できる場合は、$.ajax()を使用する必要はありません。

• メソッドとその.then()ハンドラから何かを返すので、アプリケーション内の他の場所でコードをさらに連結することができます。

  app.render({data: 1234}).then(function (result) { 
      // ... 
  });