javascript - 提交之前运行 ajax 脚本

Question

美好的一天。

我在提交表单之前运行 ajax 调用时遇到问题。我只是一个网络开发新手，所以请耐心等待。

我的代码是这样的:

$( function() {
 $('#formname' ).submit( function() {
  $.post( 'validation.php', $( this ).serialize(), function( data ) {
   if( data == 'something' ) return true;
   else return false;
  } );
 }
} );

此代码对我不起作用。代码是否有问题或者是否有其他方法可以实现此目的。

提前致谢，

Answer 1

你可以这样做，但它非常难看，而且你真的不想要这样。

$( function() {
 $('#formname' ).submit( function() {
    var returnValue;
  $.post( {
     async: false, // This makes it possible
     url: 'validation.php', 
     data: $( this ).serialize(), 
     success: function( data ) {
         if( data == 'something' ) returnValue = true;
         else returnValue = false;
     }
  } );
  return returnValue;
 }
} );

但是你为什么想要这个？因为您只需执行另一个 Ajax 函数即可做好准备。完成 ajax 请求后，您可以执行 document.location= "newlocation.html"。因为现在你的应用程序将等待，直到你的 ajax 请求完成。如果您的 ajax 请求需要 10 秒，那么人们在 10 秒内无法使用您的页面。

如果您总是返回 false 并在处理表单的地方执行 Ajax 请求。当你完成 document.location 时，将是一个更好的选择。因此您的应用程序不会陷入困境。