学步园

jQuery学习笔记

提交form表单之后，不会刷新页面，而是局部刷新，欲提交的form只要有id即可

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

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

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

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

// 动态加载页面<br /> // id 显示页面的容器组件ID2<br /> // url 欲加载页面网址<br /> // gop get请求还是post请求，默认get<br /> function loadPage(id, url, gop) {<br /> $("#" + id).addClass("loader");<br /> $("#" + id).append("Loading......");<br /> var type = (gop == "post" ? "post" : "get");<br /> $.ajax( {<br /> type : type,<br /> url : url,<br /> cache : false,<br /> error : function() {<br /> alert('加载页面' + url + '时出错！')<br /> },<br /> success : function(content) {<br /> $("#" + id).empty().append(content);<br /> $("#" + id).removeClass("loader");<br /> }<br /> });<br /> }</p> <p>// 局部提交表单<br /> function formSubmit(formId, divId, url) {<br /> $('#' + formId).submit(function() {<br /> $(this).ajaxSubmit( {<br /> target : '#' + divId,<br /> url : url,<br /> error : function() {<br /> alert('加载页面' + url + '时出错！')<br /> }<br /> });<br /> return false;<br /> });<br /> }<br />