Ajax 封裝筆記第一天

2021-10-05 07:41:40 字數 2234 閱讀 8595

伺服器端響應的資料格式

在真實的專案中,伺服器端大多數情況下會以json物件作為響應資料的格式。當客戶端拿到響應資料時,要將json資料和html字串進行拼接,然後將拼接的結果展示在頁面中。

在http請求與響應的過程中,無論是請求引數還是響應內容,如果是物件型別,最終都會被轉換為物件字串進行傳輸。

請求報文

在http請求和響應的過程中傳遞的資料塊就叫報文,包括要傳送的資料和一些附加資訊;倆部分報文頭/報文體;

4. 在傳遞請求引數的時候,引數必須以字串的形式進行傳遞;這是規定;

注意:

<

!doctype html>

"en"

>

"utf-8"

>

"viewport" content=

"width=device-width, initial-scale=1.0"

>

document<

/title>

<

/head>

function

ajax

(options)

, header:

, success:

function()

, error:

function()

};// 使用defaults物件中的屬性覆蓋defaults物件中的屬性

object.

assign

(defaults, options)

;// 建立ajax物件

;// 拼接請求引數的變數

var params ='';

// 迴圈使用者傳遞進來的物件格式引數

for(

var attr in defaults.data)

params = params.

substr(0

, params.length -1)

;// 判斷請求引數

if(defaults.type ==

'get'

)// console.log(params);

// 配置ajax物件 因為不確定 函式傳參傳遞

xhr.

open

(defaults.type, defaults.url)

;// 如果請求方式post

if(defaults.type ==

'post'

)else

}else

// 監聽xhr物件下面的onload事件

// 當xhr物件接收完響應資料後觸發

xhr.

onload

=function()

// console.log();

// http狀態碼判斷(為200的時候 請求成功呼叫成功情況的函式)

if(xhr.status ==

200)

else}}

ajax(,

// header: ,

// 請求位址

;/*請求引數要考慮的問題

1.請求引數位置問題

將請求引數傳遞到ajax函式內部,在函式內部根據請求方式的

不同將請求引數放置在不同的位置

get放在請求位址的後面

post放在send方法中

2.請求引數格式問題

引數名稱=引數值&引數名稱=引數值

name=zhangsan&age=20

1.傳遞物件資料型別對於函式的呼叫者更加友好

2.在函式內部物件資料型別轉換為字串資料型別更加方便

*/<

/script>

<

/body>

<

/html>

第一天筆記

ide integrated development environment 整合開發環境 常用開發環境有idle pythcharm wingide eclipse ipython 1.ctrl z 和回車 2.輸入quit 命令 3.直接關閉命令列視窗 ctrl c python中一切皆物件。物...

Linux第一天筆記

1 linux指一套免費使用和自由傳播的類unix作業系統。linux一切皆檔案!2 fsf free software foundation 自由軟體聯盟 gnu gun s not unix general public license gpl 3 linux核心版本格式是x.y.zz www,...

hadoop筆記第一天

1 安裝虛擬機器 略 2 安裝必要的環境 安裝jdk 3 安裝hadoop 3.1上傳hadoop包 3.2解壓hadoop包 解壓 hadoop hadoop001 hadoop 2.4.1 ll total 60 drwxr xr x.2 hadoop hadoop 4096 jun 20 20...