JS筆記5 Ajax基礎

2021-07-15 11:21:22 字數 1560 閱讀 5522

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