2014-01-18 66 views
0

我在我的主頁上有一個主窗體,表單從用戶那裏得到一個電子郵件地址,並檢查電子郵件是否存在。如何在發送函數之前添加當前的返回ajax函數?

我的目標是在引導程序崩潰的同一頁面上顯示結果。 我在JavaScript端使用此代碼:

$(".emailCheckForm").bind("submit", function() { 
    return $.ajax({ 
     type: "POST", 
     width: "auto", 
     height: "auto", 
     padding: 10, 
     cache: !1, 
     url: "_/php/checkemail.php", 
     data: $(this).serializeArray(), 
     success: function (t) { 
      $(".res").append(t).collapse(); 
     },beforeSend: function(){ 
     $("#message").empty(); 
    } 
    }), !1 
}), 

我的html代碼:

<form action="" method="post" class="col-md-8 centered emailCheckForm"> 
      <div class="input-group"> 
      <input type="email" name="email" class="form-control checkFrame" placeholder="[email protected]"> 
      <div class="input-group-btn"> 
       <input type="submit" value="answer me!" class="btn btn-default checkFrame" tabindex="-1" /> 
      </div> 
      </div><!-- /.input-group --> 
    </form> 
    <div class="res"></div> 

現在這個工作,但問題是,如果我想檢查另一封電子郵件,我得到了相同的結果,直到我將刷新頁面。

所以我想實現一個先發送函數,它將刪除\空的div結果。 我不能做到這一點,因爲每次我插入beforsesend函數的帖子不工作,任何建議,以正確的方式使這樣的過程?

+0

你爲什麼不包括代碼_with_的'beforesend'功能呢? – Andy

+0

在ajx之前調用這個http://api.jquery.com/jquery.ajaxsetup/ –

+0

好吧,我用beforesend更新了這個問題 – user184600

回答

0

這個怎麼樣。在每一個成功的回調也將清理從以前的請求和結果重新填充最新:

... 
success: function (t) { 
    $(".res").empty().append(t).collapse(); 
} 
... 
相關問題