DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX基礎知識 >> 淺談Ajax技術實現頁面無刷新
淺談Ajax技術實現頁面無刷新
編輯:AJAX基礎知識     

ajax (ajax開發)

AJAX即“Asynchronous Javascript And XML”(異步JavaScript和XML),是指一種創建交互式網頁應用的網頁開發技術。

AJAX = 異步 JavaScript和XML(標准通用標記語言的子集)。

AJAX 是一種用於創建快速動態網頁的技術。

通過在後台與服務器進行少量數據交換,AJAX 可以使網頁實現異步更新。這意味著可以在不重新加載整個網頁的情況下,對網頁的某部分進行更新。

傳統的網頁(不使用 AJAX)如果需要更新內容,必須重載整個網頁頁面。

現在一般網站都是用ajax來實現頁面無刷新操作的。

什麼是無刷新:ajax可以實現頁面與後台的數據交互,用戶完全感覺不出頁面有任何的刷新,這就是AJAX的無刷新。

ajax方法實現:

可以對ajax進行一下封裝,方便各個頁面進行調用:

function MyAjax(type, url, callBack, data, dataType, asyncType)
{ 
if (dataType == null) { dataType = "text"; } 
if (asyncType == null) {asyncType = true; } 
$.ajax({ 
type: type, // post或者get 
url: url , //url最好加一個url+Math.random(),這樣可以保證每次請求的頁面被浏覽器視為不同
data: data, //這裡是要傳遞的參數,格式為 data: "{paraName:paraValue}" 
dataType: dataType, //string,xml,script,json,text
async:asyncType, //同步異步true /false 
error: function (XmlHttpRequest, xmlhttp, info) { 
}, 
success: function (result) { 
//回調函數,result,返回值 
callBack(result); 
}, 
}); }

調用:MyAjax('post',"url?id=" + id, DoOK);

說明:async:true表示異步。此方式是說當ajax發送請求後,在等待server端返回的這個過程中,前台會繼續 執行ajax塊後面的腳本,直到server端返回正 確的結果才會去執行success,相當於開了兩個線程;false是同步,即前台會等待server端返回數據後再執行。

關於Ajax技術實現頁面無刷新效果,小編就給大家介紹這麼多,希望對大家有所幫助!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved