使用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...