JQuery Ajax在按下提交時只工作一次，下一次頁面刷新

我的網頁上有一個表單，它使用JQuery Ajax。現在，當我第一次按提交時，代碼被執行並且數據被提交併且消息出現。問題是，如果有一條消息，如「你不能離開字段空白」，然後我更正細節，並按提交，頁面重新加載哪些不應該發生。我的JQuery -JQuery Ajax在按下提交時只工作一次，下一次頁面刷新

$(document).ready(function() { 
    $('form').submit(function() { 
     $('#content').fadeOut(100, function() { 
      $(this).html(' 
       <img src="//mywebsite.com/spinner.gif"/> 
       <div style="display:inline;color:#1FAEFF">Loading...</div> 
      ').fadeIn(100); 
     }); 
     $.get('submit.server', $(this).serialize(), function (data) { 
      $('#content').html(data); 
     }); 
     return false; 
    }); 
});

我試着更換$('form').submit(function(){到$('form').live('submit', function() {，但它不工作。請幫忙！我正在使用來自網站的最新JQuery版本。編輯 - 我也試過。同樣的事情發生。此外，我的表單有多個表單，這些表單由同一個腳本處理。我的一個形式 -

<form action="submit.server" method="GET"> 
    <label for="form" style="color:#1FAEFF;">Change Your EmailAddr : 
     <br> 
    </label> 
    <div style="float:left;margin-top:20px"> 
     <input type="email" class="forminput" name="gotemail" /> 
     <br /> 
     <input type="hidden" value="email" name="data" /> 
     <button name="submit" value="email" class="action" 
      style="width:150px;height:70px">Submit</button> 
    </div> 
</form>

來源

2013-02-13 Nikhil Ramakrishnan

你有沒有試過把它放在埠上tton點擊而不是表單提交 – CR41G14 2013-02-13 15:15:15

@ CR41G14壞主意 - 有方法可以在不點擊按鈕的情況下提交表單。 – Blazemonger 2013-02-13 15:15:39

什麼是'submit.server'？這看起來不像我的有效網址。 – Blazemonger 2013-02-13 15:16:37

正如

@soyuka在評論中指出：自上而不是1.9使用現場已depreceated;）

這是正確的語法。 on()：

$(document).on("submit", "form", function() { });

下面是一些有用的鏈接瞭解.live和。上的區別：
jQuery 1.7+ .on() vs .live() Review

What's the difference between jQuery .live() and .on()

並與您的代碼intergrated：

$(document).ready(function() { 
    $(document).on("submit", "form", function() { 
     $('#content').fadeOut(100, function() { 
      $(this).html(' 
       <img src="//mywebsite.com/spinner.gif"/> 
       <div style="display:inline;color:#1FAEFF">Loading...</div> 
      ').fadeIn(100); 
     }); 
     $.get('submit.server', $(this).serialize(), function (data) { 
      $('#content').html(data); 
     }); 
     return false; 
    }); 
});

來源

2013-02-13 16:36:35

JQuery Ajax在按下提交時只工作一次，下一次頁面刷新

回答

相關問題