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

Question

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

<form method="post" action="http://www.myserver.com/update_nickname" name="input">
    Quick form to test update_nickname:<br>
    New nickname:<input type="text" value="BigJoe" name="newNickname"><br>
    <input type="submit" value="Submit">
</form>

<script src="jquery-1.4.2.min.js" type="text/javascript"> </script>

Answer 1

try reading this.

或

$("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;
 });