Question

我不知道为什么ajax而不是向指定的url发送请求，它向同一个链接发出请求。整个页面中只有这个ajax请求表现得很奇怪。请介绍一下这个问题

       $(document).ready(function(){
          $("#phoneForm").submit(function(){
     $.ajax({
             type: "POST",
             url: "http://example.com/chat.pl",
             data: $('form#phoneForm').serialize(),
             success: function(data)
            {   
            if(data==="1")
            {
             $('#phoneResult').html('Thank you');//hide button and show thank you
             $('#phone_modal').modal('toggle');
            }
             },
                       error: function(){
                        alert("failure");
                   }
       });
      });
     });

表格内容：

      <form class='horizontal' id='phoneForm' name='phoneForm' accept-charset='utf-8'>
    <input type='text' pattern='\\d*' id='phoneNumber' name='number'/>
        <button class='btn btn-dark' type='submit'>submit</button>  
</form>

编辑：

我添加了ajax错误功能。它在ajax提交之前发出警报并向同一页面发出请求

Answer 1

如果我理解正确，您想要异步提交表单吗？

尝试使用event.PreventDefault（），如下所示：

$("#phoneForm").submit(function (event) {
    $.ajax({
        type: "POST",
        url: "http://example.com/chat.pl",
        data: $('form#phoneForm').serialize(),
        success: function (data) {
            if (data === "1") {
                $('#phoneResult').html('Thank you');//hide button and show thank you
                $('#phone_modal').modal('toggle');
            }
        },
        error: function () {
            alert("failure");
        }
    });
    event.preventDefault();
});

Answer 2

尝试添加

method="POST"

进入

<form class='horizontal' id='phoneForm' name='phoneForm' method="POST" accept-charset='utf-8'>

Ajax错误，请求param附加在同一链接中

2 个答案: