使用jQuery实现Ajax异步提交表单实现局部刷新
2010-05-11 19:10
1231 查看
jQuery学习笔记
提交form表单之后,不会刷新页面,而是局部刷新,欲提交的form只要有id即可
如果使用get请求,注意中文乱码问题,jquery会先使用iso8859-1解码,然后发给服务器,如果使用post请求,则直接将中文内容提交给服务器解析。
使用jquery-1.4.2.js和jquery.form.js插件。
如果创建新的js文件中,需要加上
提交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>") document.write("<script type='text/javascript' src='jquery.form.js'></script>")
// 动态加载页面 // id 显示页面的容器组件ID2 // url 欲加载页面网址 // gop get请求还是post请求,默认get function loadPage(id, url, gop) { $("#" + id).addClass("loader"); $("#" + id).append("Loading......"); var type = (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"); } }); } // 局部提交表单 function formSubmit(formId, divId, url) { $('#' + formId).submit(function() { $(this).ajaxSubmit( { target : '#' + divId, url : url, error : function() { alert('加载页面' + url + '时出错!') } }); return false; }); }
相关文章推荐
- jQuery实现Ajax异步提交表单实现局部刷新
- ajax、jquery、jquery模板实现异步表单,局部刷新
- 使用Jquery的Ajax异步提交有二进制数据的表单实现方案
- jQuery实现form表单基于ajax无刷新提交方法详解
- 详解Ajax请求(三)——jQuery对Ajax的实现及serialize()函数对于表单域控件参数提交的使用技巧
- 使用jQuery.form插件,实现完美的表单异步提交
- 使用jQuery.form插件,实现完美的表单异步提交
- 使用jQuery.form插件,实现完美的表单异步提交
- 使用jQuery.form插件实现表单异步提交+上传文件
- 使用jQuery.form插件,实现完美的表单异步提交【转发】
- jquery实现form表单提交后局部刷新页面的多种方法
- (局部刷新)jquery.ajax提交并实现单个div刷新
- (局部刷新)jquery.ajax提交并实现单个div刷新
- 使用jQuery.form插件,实现完美的表单异步提交
- 黄聪:Jquery+php+ajax实现表单异步提交,动态添加回复评论
- jQuery实现form表单基于ajax无刷新提交方法详解
- 使用jQuery.form插件,实现完美的表单异步提交
- 使用jQuery.form插件,实现完美的表单异步提交
- 不使用ajax实现无刷新提交表单实例
- (局部刷新)jquery.ajax提交并实现单个div刷新