Question

我正在努力解决这个问题大约一周，我需要做什么，是用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>

这是我的ajax代码：

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

Answer 1

由于您未使用常规提交，因此您可以将按钮更改为null，并将点击事件附加到此按钮，如：

UnsupportedOperationException

注意：由于动态加载了button，您应该使用事件委派 .on() 。

希望这有帮助。

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

1 个答案: