兩個ajax通過一個提交按鈕打電話

-1

這可能嗎？我現在只是做一個郵政電話。我想用一個提交按鈕進行帶有用戶名/密碼的郵政電話和另一個帶有電子郵件/密碼的郵政電話。如果兩個都成功，重定向到另一個頁面將是最好的。兩個ajax通過一個提交按鈕打電話

Ajax調用使用jQuery：

$('form').submit(function() { 
 
    $.ajax({ 
 
    type: "Post", 
 
    url: $('form').attr('action'), 
 
    data: $(this).serialize(), 
 
    success: function(data, status, xhr) { 
 
     alert("Login successful. Redirecting"); 
 
     window.setTimeout(function() { 
 
     window.location.href = "3.3.3.3/login" 
 
     }, 5000); 
 

 
    }, 
 
    error: function(data, status, xhr) { 
 
     $('form').trigger("reset"); 
 
     alert("Failed to login. Please try again."); 
 
    } 
 
    }); 
 

 
    return false; 
 
    alert("AJAX request successfully completed"); 
 
});

<html> 
 

 
<head> 
 
    <title>Log In</title> 
 

 
    <link rel="stylesheet" href="static"> 
 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> 
 
</head> 
 

 
<body> 
 
    <form action="1.1.1.1/login" method="POST"> 
 

 
    <div class="login"> 
 
     <div class="login-screen"> 
 
     <div class="app-title"> 
 
      <h1> Login</h1> 
 
     </div> 
 
     <input class="form-control" type="text" required name="username" placeholder="Username"> 
 
     <input class="form-control" type="password" required name="password" placeholder="Password"> 
 
     <input class="form-control" type="hidden" required name="eauth" value="pam"> 
 
     <input class="form-control" type="text" required name="email" placeholder="email"> 
 

 
     <p> 
 
      <input type="submit" value="Log In" /> 
 
     </p> 
 
     </div> 
 
    </div> 
 
    </form> 
 
</body> 
 

 
</html>

來源

2015-05-29 user17651

是的，它是可能的。如果您需要查看兩個不同的頁面以確定用戶是否可以繼續，我認爲那裏存在一些不好的後端選擇？

但除此之外...我可能會在彼此之後運行兩個ajax調用。他們將運行異步，並且你將不能控制哪個會先完成，所以你應該只有一個bool，比如firstAjaxHasSucceeded，在任何一個ajax調用成功之後，這都是真的。如果它已經是真的，將用戶轉移到其他頁面（這兩個Ajax調用也應該檢查這一點）。

編輯

僞代碼（沒有時間做別的事情）：

var firstAjaxHasSucceeded = false; 
 

 
firstAjaxCall() { 
 
    var success = verifyThisAjaxAnswer(); 
 
    
 
    if (firstAjaxHasSucceeded && success) { 
 
    //Transfer to next page, yeay!! 
 
    } 
 
    
 
    firstAjaxHasSucceeded = true; 
 
} 
 

 
secondAjaxCall() { 
 
    var success = verifyThisAjaxAnswer(); 
 
    
 
    if (firstAjaxHasSucceeded && success) { 
 
    //Transfer to next page, yeay!! 
 
    } 
 
    
 
    firstAjaxHasSucceeded = true; 
 
} 
 

 
firstAjaxCall(); 
 
secondAjaxCall();

來源

2015-05-29 18:30:35

你能給一個例子嗎？ – user17651

沒有時間，所以我給你寫了一些上面的psudo代碼，你必須自己弄清楚一些事情。 :) –

兩個ajax通過一個提交按鈕打電話

回答

相關問題