javascript - 加载ajax响应时jquery执行函数

Question

如何执行在客户端等待服务器响应时运行的函数？这是我的代码。我查找并找到了一个 .load() 函数，但它是如何适应的呢？任何帮助都会很棒！谢谢

$.ajax({
    type: "POST",
    url: "mail.php",
    data: {name: name.val(), email: email.val(), phone: phone.val(), subject: subject.val(), message: message.val()}
    }).done(function(){
        alert("Your message was sent. We will be in contact with you shortly.");
        window.location="index.html";
});

Answer 1

您在调用 $.ajax() 之后编写的下一行代码将在浏览器等待响应时运行。

所以：

$.ajax();
yourAwesomeFN();

XhttpRequests 是异步的。不需要额外的工作。

Answer 2

您是否查看过“beforeSend”参数。

$.ajax({
type: "POST",
    url: "mail.php",
    data: {name: name.val(), email: email.val(), phone: phone.val(), subject: subject.val(), message: message.val()},

   beforeSend: function(){
     // Handle the beforeSend event
   },
   complete: function(){
     // Handle the complete event
   }
   // ......
 });

Answer 3

你不能在 JS 中执行另一个函数时执行一个函数，因为它是单线程的：你可以在之前和之后做一些事情- 你是否正在寻找一种方法来设置在等待时显示的消息/微调器？检查调用中的beforeSend选项$.ajax()：

$.ajax({
    type: "POST",
    url: "mail.php",
    data: {name: name.val(), email: email.val(), phone: phone.val(), subject: subject.val(), message: message.val()}
    beforeSend : function(){

        // do your stuff here

    }
    }).done(function(){
        alert("Your message was sent. We will be in contact with you shortly.");
        window.location="index.html";
});