如何为ajax请求中的每个表单提供另一个“警报”？

Question

  let getLoginPassSystem = function (getPassForgotSystem, getLoginCheckSystem) {  $(document).ready(function () {    $('#login,#lostpasswordform,#register').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!');          }        }      });    });  })}好吧，我想为每个表单（#login，#lostpasswordform，#register）都有一个不同的“警报”。实际上可能吗？

Answer 1

您可以在每个 div 标签中将警报消息保存为数据属性。例如：

<div id="login" data-msg="message1"></div>

<div id="lostpasswordform" data-msg="message2"></div>

<div id="register" data-msg="message3"></div>

// then you can invoke them like this

let getLoginPassSystem = function (getPassForgotSystem, getLoginCheckSystem) {

  $(document).ready(function () {

    $('#login,#lostpasswordform,#register').submit(function (e) {

      e.preventDefault();

      let current_form = $(this);

      $.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(current_form.attr('data-msg')); 

          }

        }

      });

    });

  })

}

Answer 2

看来你可以简单地检查一下e.target- 每个表格都会有所不同。