1. 這個form表單的屬性就很關(guān)鍵了，action中增加了兩個參數(shù)“callbackType=closeCurrent”、“rel=login_tip”，callbackType指定對話框在登錄成功后要關(guān)閉，而rel則指定關(guān)閉對話框后刷新的局部對象。
2. validateCallback你可以參照 jfinal與bootstrap的登錄跳轉(zhuǎn)實戰(zhàn)，里面有詳細的介紹。
3. 然后對于dialogAjaxDone，就需要重點說明以下，請看以下內(nèi)容。

function dialogAjaxDone(json) {
 YUNM.ajaxDone(json);
 if (json[YUNM.keys.statusCode] == YUNM.statusCode.ok || json[YUNM.keys.statusCode] == YUNM.statusCode.info) {
 if (json.rel) {// 指定對應(yīng)的div進行數(shù)據(jù)加載
 var url = json.forwardUrl, options = {
 elementId : json.rel
 };
 var op = $.extend({
 data : {},
 elementId : "",
 callback : null
 }, options);

 var $panel = $("#" + op.elementId);

 if (!url) {
 url = $panel.attr("url");
 }

 if (url) {
 $panel.ajaxUrl({
 type : "POST",
 url : url,
 data : op.data,
 callback : function(response) {
 if ($.isFunction(op.callback))
 op.callback(response);
 }
 });
 }
 }

 if ("closeCurrent" == json.callbackType) {
 close_pop();
 } else if ("closeCurrentThenForward" == json.callbackType) {
 close_pop();
 if (json.forwardUrl) {
 location.href = common.ctx + json.forwardUrl;
 return;
 }
 }
 }
}

1. 這里請看“if (json.rel) {”中的這串代碼，該處通過json.rel，獲取a標簽上的系列參數(shù)，然后再次調(diào)用ajaxUrl方法，用來做局部刷新。

到了這里，就不得不說ajaxUrl這個方法了

(function($){
 // DWZ set regional
 $.setRegional = function(key, value){
 if (!$.regional) $.regional = {};
 $.regional[key] = value;
 };

 $.fn.extend({
 initUI: function(){
 return this.each(function(){
 if($.isFunction(initUI)) initUI(this);
 });
 },
 loadUrl: function(url,data,callback){
 $(this).ajaxUrl({url:url, data:data, callback:callback});
 },
 ajaxUrl: function(op){
 var $this = $(this);

 $this.trigger(YUNM.eventType.pageClear);

 $.ajax({
 type: op.type || 'GET',
 url: op.url,
 data: op.data,
 cache: false,
 success: function(response){
 var json = YUNM.jsonEval(response);

 if (json[YUNM.keys.statusCode]==YUNM.statusCode.error){
 if (json[YUNM.keys.message]) $.showErr(json[YUNM.keys.message]);
 } else {
 $this.html(response).initUI();
 if ($.isFunction(op.callback)) op.callback(response);
 }
 },
 error: YUNM.ajaxError,
 statusCode: {
 503: function(xhr, ajaxOptions, thrownError) {
 $.showErr("服務(wù)器當前負載過大或者正在維護!" || thrownError);
 }
 }
 });
 },

 });

通過ajax請求，向jfinal端發(fā)起請求，然后接收對應(yīng)的response，根據(jù)response狀態(tài)，我們將對應(yīng)的頁面渲染內(nèi)容顯示到局部DIV中。

jfinal端就很簡單了

public void initLoginTip() {
 logger.info("初始化登錄/退出頁面");
 render("login_tip.jsp");
 }

渲染到對應(yīng)組件頁面就OK了。

說到這，登錄的局部刷新就完成了，只要你注意到對應(yīng)的方法就好了。

點擊退出a標簽時，登出成功后再次刷新1中的頁面，顯示“登錄”

對于退出，你當然還是可以參照jfinal與bootstrap的登出實戰(zhàn)。

對于ajaxDone方法，你可以參照dialogAjaxDone方法。

感謝各位的閱讀！關(guān)于“JQuery中如何實現(xiàn)ajax局部刷新”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。