Javascript 如何使用已经使用ajax加载的ajax提交表单，而不重新加载当前页面？

我为这个问题挣扎了大约一周，我需要做的是用ajax提交表单，这已经用ajax加载了，我已经尝试了很多解决方案，但都不管用，所以如果有人知道正确的方法，我将不胜感激， 谢谢你

这是我的代码：

<form class="w3-container" method="POST" action="forms-submitting" id="SignIN">
        <p>
        <label><b> إسم المستخذم </b></label>
        <input class="w3-input w3-border" type="text" name="user_name">
        </p>
        <p>
        <label><b> كلمة المرور <b></label>
        <input class="w3-input w3-border" type="password" name="pass_word">
        </p>
        <p>
            <button type="submit" class="w3-button w3-text-blue"> تسجيل الدخول </button>
        </p>
</form>

---

由于您没有使用常规提交，您可以将按钮更改为

按钮

类型，并将单击事件附加到此按钮，如：

<button type="button" id="login" class="w3-button w3-text-blue"> تسجيل الدخول </button>

$('body').on('click', '#login', function(e) {
  e.preventDefault();

  $.ajax({
       type: "POST",
       url: "forms-handle.php",
       data: $("#SignIN").serialize(),
       success: function(data)
       {
           alert(data); 
       }
  });
});

$（'body'）。在（'click'，'#login'，函数（e）{
e、 预防默认值（）；
$.ajax({
类型：“POST”，
url:“forms handle.php”，
数据：$（“#签名”）.serialize（），
成功：功能（数据）
{
警报（数据）；
}
});
});

注意：由于

表单是动态加载的，您应该使用事件委派

希望这有帮助。
表单是由ajax加载的吗？如果是，则可能是提交表单的js代码找不到“#sign”id。好的，请检查浏览器控制台是否有任何错误。。同时检查网络选项卡以查看请求是否已发送..我检查网络选项卡以确定请求未发送，并且浏览器控制台中没有错误。
<button type="button" id="login" class="w3-button w3-text-blue"> تسجيل الدخول </button>

$('body').on('click', '#login', function(e) {
  e.preventDefault();

  $.ajax({
       type: "POST",
       url: "forms-handle.php",
       data: $("#SignIN").serialize(),
       success: function(data)
       {
           alert(data); 
       }
  });
});