如何让jQuery在返回之前等待Ajax调用完成?

我有一个服务器端功能，需要登录。如果用户登录成功，函数将返回1。如果不是，该函数将返回登录页面。

我想使用Ajax和jQuery调用该函数。我所做的是提交带有普通链接的请求，并在其上应用了单击功能。如果用户没有登录或函数失败，我希望ajax调用返回true，以便触发href。

但是，当我使用下面的代码时，函数在Ajax调用完成之前退出。

如何将用户优雅地重定向到登录页面?

$(".my_link").click(
    function(){
    $.ajax({
        url: $(this).attr('href'),
        type: 'GET',
        cache: false,
        timeout: 30000,
        error: function(){
            return true;
        },
        success: function(msg){ 
            if (parseFloat(msg)){
                return false;
            } else {
                return true;
            }
        }
    });
});

当前回答

我认为，如果您将成功函数编码为加载适当的页面，而不是返回true或false，事情就会更容易。

例如，你可以这样做，而不是返回true:

window.location="appropriate page";

这样，当成功函数被调用时，页面被重定向。

2011-10-27 01:49:12

其他回答

底层的XMLHttpRequest对象(由jQuery用于发出请求)支持异步属性。设置为false。就像

async: false

2009-04-16 12:33:09

因为我在这里没有看到它，所以我想我也要指出jQuery when语句在这个目的中非常有用。

他们的例子如下:

$.when( $.ajax( "test.aspx" ) ).then(function( data, textStatus, jqXHR ) {
  alert( jqXHR.status ); // Alerts 200
});

“then”部分直到“when”部分结束才执行。

2020-05-04 16:01:29

我认为，如果您将成功函数编码为加载适当的页面，而不是返回true或false，事情就会更容易。

例如，你可以这样做，而不是返回true:

window.location="appropriate page";

这样，当成功函数被调用时，页面被重定向。

2011-10-27 01:49:12

它应该等待get请求完成。之后，我将从函数调用的地方返回get请求体。

function foo() {
    var jqXHR = $.ajax({
        url: url,
        type: 'GET',
        async: false,
    });
    return JSON.parse(jqXHR.responseText);  
}

2020-06-15 13:23:16

因为async ajax是不赞成的，尝试使用带有承诺的嵌套async函数。可能有语法错误。


async function fetch_my_data(_url, _dat) {

   async function promised_fetch(_url, _dat) {

      return new Promise((resolve, reject) => {
         $.ajax({
            url:  _url,
            data: _dat,
            type: 'POST',
            success: (response) => {
               resolve(JSON.parse(response));
            },
            error: (response) => {
               reject(response);
            }
         });
      });
   }

   var _data = await promised_fetch(_url, _dat);
   
   return _data;
}

var _my_data = fetch_my_data('server.php', 'get_my_data=1');

2020-07-10 20:26:25

如何让jQuery在返回之前等待Ajax调用完成?

推荐文章

最新文章

标签