如何在 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!');
                }
            }
        });
    });
})
}