jQuery和Ajax的腳本，而無需打開新的頁面更新數據

當我更新的電子郵件，然後按回車更新頁打開時，有沒有提交任何細節或jQuery的AJAX腳本與我們的開放update.php它jQuery和Ajax的腳本，而無需打開新的頁面更新數據

<form id="myForm" action="update.php" onsubmit="return validateForm();"method="post"> 
<input type="hidden" name="action" value="update" /> 
<input type="text" name="email" id="email" value="Enter your email here" /> 
<br><center><input class="button" type="image" src="rss.png" /></center> 
</form>

來源

2012-07-12 PHP

入住此jQuery插件：

jQuery Form Plugin：它可以讓您輕鬆與優雅升級HTML表單使用AJAX。

作爲例子：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script> 
<script src="http://malsup.github.com/jquery.form.js"></script> 

<script> 
    $(document).ready(function() { 
     // bind 'myForm' and provide a simple callback function 
     $('#myForm').ajaxForm(function() { 
      alert("Thank you for your comment!"); 
     }); 
    }); 
</script>

來源

2012-07-12 20:41:55

當我在輸入表單上放置鼠標時，我收到警報。 – PHP 2012-07-12 20:45:52

它的工作表示感謝。我使用的是1.4版本的jquery，所以它不適用以前的版本 – PHP 2012-07-12 20:47:07

你很好，如果它有效，它接受關閉這個問題的答案。 – 2012-07-12 20:48:41

不知道你是否在問怎麼做一個ajax請求，但是如果你連接你的表單提交事件，並調用preventDefault（）事件傳遞給你正在使用的處理程序，它會阻止瀏覽器從導航到動作url：

$('#myForm').bind('submit', function (e) { 
    e.preventDefault(); 
    // do your ajax 
});

如果y你在問如何構建ajax調用，你需要澄清一下。

來源

2012-07-12 20:41:27 kinakuta

我想打開一個彈出的對話框，而不是打開網頁update.php – PHP 2012-07-12 20:43:41

所以，除非你想推出自己的（對話框），我建議使用一個插件，不它爲你（jquery ui，kendoui等）和從你的ajax調用加載返回數據/ HTML到你用於彈出對話框的div /容器。 – kinakuta 2012-07-12 21:18:39

jQuery和Ajax的腳本，而無需打開新的頁面更新數據

回答

相關問題