如何覆盖现有的html表单以使用jquery发布表单？

我有一个简单的表单，我目前正在发回服务器以更新昵称。 我添加了什么jquery代码（不更改表单），以便页面不会刷新，而是jquery会在后台发布表单，然后弹出包含服务器回复的警报消息？

 Quick form to test update_nickname:
 New nickname:
  
   

Answer 1

试试这个。

要么

 $("form").submit(function(e){ var form = $(this); $.ajax({ url : form.attr('action'), type : form.attr('method'), data : form.serialize(), // data to be submitted success: function(response){ alert(response); // do what you like with the response } }); return false; }); 

Answer 2

您需要使用jQuery绑定到“submit”事件并阻止默认操作。 如果您的表单和昵称输入除了名称之外还使用了id那么效率会更高一些：

Answer 3

这是一个插件。

http://jquery.malsup.com/form/