Question

我正在尝试存储我使用$.post()获取的值，但是我遇到了一个问题，即在 $.post()之前设置变量正在运行。我不明白。 $.post()封装在一般方法重用的方法中。以下Javascript代码。

// call the post function var zip_check = sendPost('{some url here}', new_zip); console.log(zip_check); /** * sendPost * * Sends data via jQuery post and returns required result. * * @param string target_url - where post is going * @param string post_data - information to be sent * @return string - data to be manipulated */ function sendPost(target_url, post_data) { $.post(target_url, { post_data:post_data }).done(function(data) { console.log(data); return data; }).fail(function(e) { console.log('AJAX Failure: ' + e); }); }

如上所述，zip_check将存储“未定义”，打印到控制台，然后 $.post()将运行，但不会将值返回{{1 }}。这个问题有意义吗？

Answer 1

您正在调用异步函数..

对您的功能进行一些小修改将解决它：

function sendPost(target_url, post_data, callback) {
    $.post(target_url, {
        post_data: post_data
    }).done(callback).fail(function (e) {
        console.log('AJAX Failure: ' + e);
    });
}

sendPost('http://jsfiddle.net/echo/jsonp/ ', {
    data: 'send'
}, function (data) {
    console.log(data);
});

它使用给定的URL和发布数据执行AJAX请求。
当它完成时，将调用done（），这将在其内部调用回调。

Answer 2

您需要使用回调函数。

sendPost('test.php', {zipcode:12345}, checkZipcode);


function checkZipcode(new_zip)
{
  /** Do stuff with your zip code **/

  console.log(new_zip);
}


/**
* sendPost
*
* Sends data via jQuery post and returns required result.
*
* @param  string target_url - where post is going
* @param  string post_data  - information to be sent
* @param  function callback - function called after POST response
*/
function sendPost(target_url, post_data, callback) {
   $.post(target_url, {
      post_data:post_data
   }).done(function(data) {
      console.log(data);

      callback(data);

   }).fail(function(e) {
      console.log('AJAX Failure: ' + e);
   });
}

使用jQuery $ .post（）通过函数返回值

2 个答案: