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

报告相同问题?