如何在 Ajax 請求中使用兩個 forms？

Question

var getLoginpasssystem = function(getPassForgotSystem,getLoginCheckSystem){
$(document).ready(function() {
    $('#login' || '#lostpasswordform').submit(function(e) {
        e.preventDefault();
        $.ajax({
            type: "POST",
            url: 'http://www.virtuelles-museum.com.udev/spielelogin/logsystem.php',
            data: $(this).serialize(),
            success: function(response) {
                var data = JSON.parse(response);

                if (data.success == "accepted") {
                    document.getElementById('inner').innerHTML = 'Herzlich Willkommen';

                    // location.href = 'index.php';
                } else {
                    alert('Ungültige Email oder Password!');
                }
            }
        });
    });
})
}

問題是如何在一個請求中使用兩個 forms 與 ajax。 在這段代碼中，我使用了|| ，但它不起作用。 我的意思是#login表單運行良好，但#lostpasswordform不起作用。 當我單擊按鈕時，它會重新加載頁面而不是發出警報。

Answer 1

原因是您選擇 jQuery 的方式。 選擇多個元素是這樣完成的： $( "div, span, p.myClass" )

換句話說，如果您將$('#login' || '#lostpasswordform')替換$('#login, #lostpasswordform')它應該可以工作

您可以在jQuery 文檔中詳細了解此內容

Answer 2

選擇器可用於 select 多個元素。 $("#login,#lostpasswordform").submit()

使用以下代碼：

var getLoginpasssystem = function(getPassForgotSystem,getLoginCheckSystem){
$(document).ready(function() { 
        
    $("#login,#lostpasswordform").submit(function(e) {
        e.preventDefault();
        $.ajax({
            type: "POST",
            url: 'http://www.virtuelles-museum.com.udev/spielelogin/logsystem.php',
            data: $(this).serialize(),
            success: function(response) {
                var data = JSON.parse(response);

                if (data.success == "accepted") {
                    document.getElementById('inner').innerHTML = 'Herzlich Willkommen';

                    // location.href = 'index.php';
                } else {
                    alert('Ungültige Email oder Password!');
                }
            }
        });
    });
})
}