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