Ajax异步提交表单 局部刷新

提交form表单之后，不会刷新页面，而是局部刷新

如果使用get请求，注意中文乱码问题，jquery会先使用iso8859-1解码，然后发给服务器，如果使用post请求，则直接将中文内容提交给服务器解析。

使用jquery-1.4.2.js和jquery.form.js插件。

如果创建新的js文件中，需要加上

document.write("<scripttype='text/javascript'src='jquery-1.4.2.js'></script>")

document.write("<scripttype='text/javascript'src='jquery.form.js'></script>")

//动态加载页面

//id显示页面的容器组件ID2

//url欲加载页面网址

//gopget请求还是post请求，默认get

functionloadPage(id,url,gop){

$("#"+id).addClass("loader");

$("#"+id).append("Loading......");

vartype=(gop=="post"?"post":"get");

$.ajax({

type:type,

url:url,

cache:false,

error:function(){

alert('加载页面'+url+'时出错！')

},

success:function(content){

$("#"+id).empty().append(content);

$("#"+id).removeClass("loader");

}

});

}

//局部提交表单

functionformSubmit(formId,divId,url){

$('#'+formId).submit(function(){

$(this).ajaxSubmit({

target:'#'+divId,

url:url,

error:function(){

alert('加载页面'+url+'时出错！')

}

});

returnfalse;

});

}

原文章地址：http://hi.baidu.com/xuepiaohan2006/item/45307ffde01ca16a3c14859e