Javascript Promise 将参数传递给对象

Question

var getData = new Promise(function(resolve, reject){
    $.post( "data.php", { search: inputData }, function( data ) { //need to pass this
        data = $.parseJSON(data);
    });

    if (data) {
        resolve(data);
    }
});

this.inputText.on('keyup', function(){
    var inputData = this.value; //I need to pass this into object

    getData.then(function(fromResolve){

        console.log(fromResolve);

    }).catch(function(fromReject){

        console.log(fromReject);

    });
});

我有一个 jQuery ajax 帖子，我使用 Promise 在它发回后做一些事情

我的问题是如何将 this.value (keyup value) 传递到 Promise 对象中，以便 { search: inputData } 可以具有要发布的值

Answer 1

制作getData()和实际函数，因此它可以接受参数。

jQuery 的 post() 已经返回了一个 Promise，所以你不需要再次换行。

function getData( inputData ) {
  return $.post( "data.php", { search: inputData } );
}

this.inputText.on('keyup', function(){

    var inputData = this.value; 

    getData( inputData )
      .then(function(fromResolve){

        console.log(fromResolve);

       }).catch(function(fromReject){

        console.log(fromReject);

       });
});