jQuery ajax表单提交实现局部刷新
jQuery Ajax 异步提交 Form 表单,如果使用 get 请求,注意中文乱码问题,jquery 会先使用 iso8859-1 解码,然后发给服务器,如果使用 post 请求,则直接将中文内容提交给服务器解析。
引入插件:
jquery.min.js
jquery.form.js
提交表单:
以下为引用内容: // 动态加载页面 // 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; }); }