weixin_33717117 2014-06-18 05:40 采纳率: 0%
浏览 2

Ajax提交不起作用

$(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;
});

I have echoed in several places to see where it goes wrong. only "working 02 is displayed and nothing happened. portal.php is ready to accept data. Here's my form.

 <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>
  • 写回答

3条回答 默认 最新

  • weixin_33713350 2014-06-18 05:43
    关注

    you can't use submit and ajax, it's better to use click:

    $(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');
                    }
    
                    })
      });
    });
    

    P.S. it's better to remove the type="submit" from your button

    UPDATE:

    $(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');
             });
      });
    });
    
    评论

报告相同问题?

悬赏问题

  • ¥15 用stata实现聚类的代码
  • ¥15 请问paddlehub能支持移动端开发吗?在Android studio上该如何部署?
  • ¥170 如图所示配置eNSP
  • ¥20 docker里部署springboot项目,访问不到扬声器
  • ¥15 netty整合springboot之后自动重连失效
  • ¥15 悬赏!微信开发者工具报错,求帮改
  • ¥20 wireshark抓不到vlan
  • ¥20 关于#stm32#的问题:需要指导自动酸碱滴定仪的原理图程序代码及仿真
  • ¥20 设计一款异域新娘的视频相亲软件需要哪些技术支持
  • ¥15 stata安慰剂检验作图但是真实值不出现在图上