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