Javascript Ajax提交不'；行不通

我在好几个地方进行了回音，看看哪里出了问题。只显示“working 02”，什么也没有发生。portal.php已准备好接受数据。这是我的表单

$(document).ready(function(){
  $("#form1").submit(function (e){
        alert ('working 01');
            e.preventDefault();
            var $form = $(this);
        alert ('working 02');
         $.ajax({
                type: 'POST',
                url : '../portal.php',
                data: $('#form1').serialize(),
                success: function(response) {
                $('#form1').fadeOut("slow");
                alert ('working 03');
                }

                })
  });
  return false;
});

电子邮件
评论：

您不能使用提交和ajax，最好使用单击：

 <form id="form1" method="post">
          <label class="label_title"> e-mail </label>
          <input type="text" id="email" required>

          <label class="label_title">Comments:</label>
          <textarea cols="50" rows="10" name="com" id="com" class="textarea required" required ></textarea>
          <input type="submit" class="button" value="Send">
          </form>

另外，最好从按钮中删除type=“submit”

更新：

$(document).ready(function(){
  $(".button").click(function (e){
        alert ('working 01');
            e.preventDefault();
            var $form = $(this);
        alert ('working 02');
         $.ajax({
                type: 'POST',
                url : '../portal.php',
                data: $('#form1').serialize(),
                success: function(response) {
                $('#form1').fadeOut("slow");
                alert ('working 03');
                }

                })
  });
});

---

ajax是异步的

因此，您的

返回false；

在ajax请求之前调用

ajax成功的回报

$(document).ready(function(){
  $(".button").click(function (e){
        alert ('working 01');
            e.preventDefault();
            var $form = $(this);
        alert ('working 02');
         $.post('../portal.php',{data:$('#form1').serialize()},function(response){
             $('#form1').fadeOut("slow");
             alert ('working 03');
         });
  });
});

试试这个

$(document).ready(function(){
  $("#form1").submit(function (e){
        alert ('working 01');
            e.preventDefault();
            var $form = $(this);
        alert ('working 02');
         $.ajax({
                type: 'POST',
                url : '../portal.php',
                data: $('#form1').serialize(),
                success: function(response) {
                $('#form1').fadeOut("slow");
                alert ('working 03');
                return false;  
                }

                })
  });

});

电子邮件
评论：
$（文档）.ready（函数（）{
$（“#提交”）。单击（功能（e）{//更改
警报（“工作01”）；
//e.预防违约（）；
//var$form=$（此）；
警报（“工作02”）；
$.ajax({
键入：“POST”，
url:“../portal.php”，
数据：$（'#form1'）。序列化（），
成功：功能（响应）{
$（'form1'）。淡出（“慢”）；
警报（“工作03”）；
}
})
});
//返回false；
});

将按钮类型更改为按钮，并在clickopen console上调用上述函数，然后尝试ajax函数并检查是否显示任何错误。尝试此…$.ajax（{type:'POST'，url:'../portal.php'，数据：$（'#form1'）。serialize（），success:function（response）{$（'form1'）.fadeOut（“slow”）；alert（'working 03'）；}）；之前尝试过删除return false；。结果相同。感谢您的支持。@TharakaandRukshan是的，两者都有表现sames@TharakaandRukshan若要删除return语句，请确保未使用buttonthanx的提交类型，但结果相同。

<script src="http://code.jquery.com/jquery-latest.min.js"
        type="text/javascript"></script>

<form id="form1" method="post">
          <label class="label_title"> e-mail </label>
          <input type="text" id="email" required>

          <label class="label_title">Comments:</label>
          <textarea cols="50" rows="10" name="com" id="com" class="textarea required" required ></textarea>
          <input type="button" class="button" id="submit" value="Send"><!--changed-->
          </form>
          <script>
            $(document).ready(function(){
 $("#submit").click(function (e){            //changed
        alert ('working 01');
          //  e.preventDefault();
           // var $form = $(this);
        alert ('working 02');
         $.ajax({
                type: 'POST',
                url : '../portal.php',
                data: $('#form1').serialize(),
                success: function(response) {
                $('#form1').fadeOut("slow");
                alert ('working 03');
                }

                })
  });
  //return false;
});
          </script>