ajax基礎
ajax基礎
概念:ajax就是在不重新整理頁面的前提下,讓js可以讀取從伺服器獲得的資料。
伺服器:略,配置屬於自己的伺服器程式 利用wamp
使用ajax
-請求並顯示靜態txt檔案
ajax(url,fnsucc,fnfailed)
ps:放到伺服器環境下的檔案不能用中文命名
-字符集編碼-這是乙個非常低能,又確實經常造成麻煩的問題。。
所有編碼最好保持一致。推薦utf-8
-快取、阻止快取
快取的工作原理:根據url,來進行快取。
解決快取帶來的困擾,可以讓url即時改變。
?t=new date().gettime()//時間戳
-動態資料:請求js或(json)檔案
所讀取的東西都是字串,
eval的使用 :用於解析字串。
對解析出的陣列做迴圈
-ajax原理
區域性重新整理,取出並顯示部分網頁檔案
get請求-url傳遞
post請求-看不見
區別:
1.get通過**,post通過http content
2.get容量有限。
3.get安全性非常差,post相對安全
4.get有快取,而post沒有快取。
5.get獲取資料,post向伺服器傳遞資訊
-編寫ajax
四個步驟:
1.建立乙個ajax物件 new xmlhttprequest()
2.連線到伺服器 request.open(『get』,url,true)//三個引數
3.傳送請求 request.send();//此處send沒有引數
4.接受返回值 request.onreadystatechange=function(){}//接收處理返回值。
建立乙個新的請求物件(此處需要考慮相容)
用應用資料配置請求物件,併發送到伺服器
伺服器使用請求物件向瀏覽器返回乙個響應
相應呼叫相應**
readystate是乙個屬性,它可以用來指示請求處於生命週期的哪乙個階段。
request=creaeterequest();
request.onreadystatechange=checked;//當伺服器響應時呼叫哪乙個函式
request.open(『get』,url,true);
request.send(null);
瀏覽器先解析工具**,然後再解析可能呼叫這些工具**的其他**。
先使用公共**,然後再應用特定**
變數和屬性。
全域性變數window.a
報錯和undefined的區別
同步應用-事情一件一件做,專心
非同步應用-可以在做這個事的同時去處理一些別的事情
-ajax成功返回的是檔案的乙個字串str
eval()
function(str)
讀取並建立(與dom操作結合)
使用json
js事件 Ajax基礎
所有現代瀏覽器均支援 xmlhttprequest 物件 ie5 和 ie6 使用 activexobject 建立xmlhttprequest物件 var ajax new xmlhttprequest ie5和ie6使用activexobject物件 var ajax new activexob...
ajax基礎學習筆記
今天學習了下ajax,簡單總結一下 1 建立xmlhttprequest物件 xmlhttp new xmlhttprequest 2 向伺服器傳送請求 get方法 xmlhttp.send post方法 xmlhttp.send id 1 xmlhttprequest物件的responsetext...
ajax基礎學習筆記
一 後端 controller,requestbody返回字串 二 前端 ajax請求,1.url 要求為string型別的引數 請求的url 2.type 要求為string型別的引數,請求方式 post或get 預設為get。或者直接 get或 post 3.data 要求為object或str...