ajax提交现有表单

真的是差不多快一年没写博客了,今天重新拾起程序，做个笔记:

jQuery的Form插件有两种方法，ajaxForm和ajaxSubmit方法。

通过ajaxForm很容易就可以把表单升级为ajax提交方式。

$(function{

$("form1").ajaxForm(function(){

$("#request").html("表单提交成功").show();

})

})

用Submit同样也能完成这样的操作。

$(function{

$("form1").submit(function(){

$(this).ajaxSubmit(function(){

$("#request").html("表单提交成功").show();

});

returnfalse;

})

})

HTML我们可以这样写：

<formid="form1"method="post"action="ajaxfrom.php">

<inputname="username"type="text">

<inputname="password"type="password">

<inputtype="submit"name="submit">

</form>

<divid="request"style="display:none;"></div>

前提我们还要引进两个js

<scripttype="text/javascript"src="js/jquery-1.7.1.min.js"></script>

<scripttype="text/javascript"src="js/jquery.form.js"></script>