原生Ajax實現非同步資料傳輸

2021-08-06 01:58:09 字數 1120 閱讀 3687

描述:不用前端js框架(如jquery、dojo、ext、proptype等)的原生ajax,非同步實現與後台的資料傳輸,不依賴任何js包

注:所有js**均位於某乙個js檔案中,呼叫函式只需要引入該檔案

-1.建立xmlhttprequest物件

//全域性變數,記錄建立的xmlhttprequest物件

//確認xmlhttprequest物件建立成功

if (!xmlhttp) else

獲取input標籤中的資料,使用頁面內建dom物件來獲取對應位置(id為「input」)的標籤的輸入資料,前端**示例

type=

"text" id="inputid"/>

type=

"button"

value="ok" onclick="ajaxdemo()"/

xmlhttp.onreadystatechange =callback;
xmlhttp.open("get","ajaxserver?input="+ input,true);
xmlhttp.send(null);
如果使用post方式請求資料,則send函式呼叫如下

//post請求方式需要自己設定http請求頭requestheader

}後台servlet獲取資料**

//通過url或者send中給定的資料名來獲取指定資料

string input = request.getparameter("input");

Ajax的同步和非同步資料傳輸

我們自定義了乙個函式,在此函式的內部呼叫了乙個非同步傳輸資料的ajax 函式,這個函式和伺服器進行資料的互動,而且必須要進行的是,首先執行ajax,接收伺服器的資料,因為在下面程式的執行依賴於伺服器返回的資料。在這種情況下,就必須要同步的執行ajax 所以需要設定ajax的傳輸方式。設定ajax的a...

ajax用json實現資料傳輸

json j ascript object notation 是一種輕量級的資料交換格式。它基於ecmascript的乙個子集。json採用完全獨立於語言的文字格式,但是也使用了類似於c語言家族的習慣 包括c c c j a j ascript perl python等 這些特性使json成為理想的...

ajax資料傳輸常見錯誤

一般地,出現這種情況很大一部分原因是對ajax中的引數作用不熟悉或者對 requestbody註解不熟悉。text html html格式 text plain 純文字格式 text xml xml格式 等等。ajax 查詢字串的對映形式 即物件 在預設模式下提交時會自動地轉化成查詢字串 也可以這麼...