快樂!ajax入門(1)

2022-07-18 20:15:29 字數 2939 閱讀 1060

今天試著默寫ajax時出現了神秘的問題,出現如圖所示的錯誤:

(假裝自己開始接觸伺服器了哈)

好不容易多點空(我應該被抓去戒網癮的),再深入點學學ajax吧~

乙個很簡單但是該有的有了八成的例子:

<

body

>

<

button

id="contain"

>點選修改

button

>

body

>

<

script

async

>

function

ajax()

"access-control-allow-origin","*");

};

request.send();

}window.onload

=function

()script

>

status:響應的http狀態,statustext:http狀態的說明

readystate:請求/響應的活動階段,

0~4,表示未初始化且未呼叫open()方法、啟動。已呼叫open()但尚未呼叫send()方法、傳送,已呼叫send()方法但尚未收到響應、接收,已經接收到部分資料、完成,接收到全部資料,上面的例子在控制台列印的結果:

請求頭與響應頭:

每個http請求與響應都會帶有相應的頭部資訊,使用setrequestheader()方法(在open()與send()之間呼叫)可以自定義請求的頭部資訊,使用getresponseheader()並傳入頭部欄位名稱可以取得相應的響應頭部資訊,例項:

get請求與post請求:

暫時先這麼理解:前者一般用於獲取/查詢資料,因為受資料量小的限制,而post一般用於傳送資料,其資料量不受限制

get請求:將查詢字串引數追加到url末尾,以便將資訊傳送到伺服器,舉例:

<

body

>

<

form

method

="get"

action

="submit.html"

>

<

fieldset

>

<

div>

<

label

for="name"

>使用者名稱:

label

>

<

input

type

="text"

id="name"

name

="name"

>

div>

<

div>

<

label

for="password"

>密碼:   

label

>

<

input

type

="password"

id="password"

name

="password"

>

div>

<

button

type

="submit"

id="send"

>提交

button

>

<

button

type

="reset"

>重置

注意這裡,get請求傳入url末尾的查詢字串需要經過正確的編碼

post請求,將資料作為請求的主體進行傳送,

預設情況下伺服器對提交web表單的請求和post請求是不同的處理方式,但可以使用xhr來模仿表單提交:

首先設定請求頭資訊

然後以適當格式建立乙個字串,

高程三介紹了自定義乙個serealize()函式來進行序列化表單資料。

原 也寫Ajax入門 1

page頁呼叫js,js訪問webservice方法,來實現資料的非同步呼叫。新建default.aspx,拖放scriptmanager控制項到頁面中。如下 sayhello 新建乙個js檔案,方法如下 function sayhello function completeajax result ...

Ajax快速入門

ajax的應用,實現了頁面的區域性重新整理,改善了客戶體驗 直接在js中呼叫遠端伺服器上的方法,就像方法在js中一樣 ajax使用的核心步驟 1.建立xmlhttprequest 物件 解釋 如果當前瀏覽器支援activexobject物件.則由activexobject來建立xmlrequest物...

Ajax 入門總結

由於eclipse rap用到了開源的ajax框架 qooxdoo,並且自定義ui需要用js表達,所以不得已,先學習一下ajax 進入ajax領域出現了幾個小問題 ajax技術必須了解,互動是服務端和客戶端的,而不是客戶端的互動,http localhost 上面的問題,很多老手也會犯的,呵呵 核心...