與後台互動方法一 Ajax

2022-04-05 13:51:47 字數 1379 閱讀 5019

使用ajax讀取資料時有以下幾點需要注意:

1.字符集編碼前後台要一致,否則前台顯示的資料為亂碼。

2.使用隨機數或時間清除快取、阻止快取,防止伺服器端檔案內容變化時,瀏覽器端沒有及時更新。

3. ajax讀取的所有資料都是字串,所以請求json檔案時用eval解析。

4.ajax讀取的資料與副檔名無關。

5..用dom建立元素

二、http請求兩種不同的方法:

get方法一般用於獲取資料,如瀏覽帖子。get是在url裡傳資料:安全性低,容量小等。

post方法一般用於上傳資料,如使用者註冊。

三、建立ajax物件:

高版本ajax物件:xmlhttprequest();

低版本(ie6-8)ajax物件:activexobject(「microsoft.xmlhttp」);

四、連線伺服器方法:

open(方法,檔名,非同步傳輸)

五、請求狀態監控:

onreadystatechange事件

readystate屬性:請求狀態

0:未初始化,剛建立出來

1:傳送,已呼叫send()方法,正在傳送請求

2: 載入完成,shend()方法完成,已收到全部響應內容

3:解析,正在解析響應內容

4:完成,響應內容解析完成,可以在客戶端呼叫了。

返回值為:responsetext;

六、具體實現方式如下:

ajax.js

function ajax(url, fnsucc, fnfaild)

//1.建立ajax物件

//2.連線伺服器(開啟和伺服器的連線)

oajax.open('get', url, true);

//3.傳送

oajax.send();

//4.接收

oajax.onreadystatechange=function ()

if(oajax.readystate==4)

if(oajax.status==200)

//alert('成功了:'+oajax.responsetext);

fnsucc(oajax.responsetext);

else

//alert('失敗了');

if(fnfaild)

fnfaild();

arr.txt

[2013,9,9]

Ajax 前端與後台互動

整體的思路和邏輯是這樣的 我需要獲取使用者名稱和密碼,將使用者名稱和密碼組合成乙個物件,傳給後台伺服器後台伺服器會進行匹配將返回來的資料給前端,前端根據返回的資料判斷是否成功登陸。以下是通過ajax實現這個過程 url 代表登入功能需要訪問的介面 method 代表前端是需要向伺服器傳送資料 pos...

Ajax互動方法 一

function doqueryrecord req,param 查詢結束 function ajaxquerytableend request catch oerror createlisttablestring obj 顯示 param str 內容tr function createlistt...

ajax請求後台互動json示例

ajax請求,首先需要伺服器 首先你需要node 其次,進入當前目錄 預設伺服器端口8080 http server 推薦封裝ajax,以及ajax轉碼過來或者轉碼回去後台 1 doctype html 2 html 34 head 5 meta charset utf 8 6 title docu...