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;
   });
}

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM