在真實的專案中伺服器大多數情況下會以json物件作為響應資料的格式。當客戶端拿到響應資料時,要將json資料和html字串進行拼接,然後將拼接的結果使用dom操作的方式追加到頁面中。
lang
="en"
>
>
charset
="utf-8"
>
name
="viewport"
content
="width=device-width, initial-scale=1.0"
>
>
documenttitle
>
head
>
>
>
// 1.建立ajax物件
// 傳送請求
xhr.
send()
; xhr.
onload
=function()
script
>
body
>
html
>
// 引入express框架
const express =
require
('express');
const path =
require
('path');
// 建立**的伺服器
express()
;// 靜態資源訪問服務功能
use(express.
static
(path.
join
(__dirname,
'public'))
);get(
'/first'
,(req,res)
=>);
get(
'/responsedata'
,(req,res)
=>);
});// 監聽埠
listen
(3000);
console.
log(
'**伺服器啟動成功'
);
在http請求與響應的過程中,無論是請求引數還是響應內容,如果是物件型別,最終都會被轉換為物件字串進行傳輸
json.parse()//將json字串轉換為json物件
<
!doctype html>
"en"
>
"utf-8"
>
"viewport" content=
"width=device-width, initial-scale=1.0"
>
document<
/title>
<
/head>
// 1.建立ajax物件
// 傳送請求
xhr.
send()
; xhr.
onload
=function()
<
/script>
<
/body>
<
/html>
ajax請求的data資料格式
今天使用ajax時,發現get傳data時,傳遞json字串時傳不過去引數,所以做了一些實驗測試ajax的get和post的傳遞data時的不同。ajax有三種傳遞傳遞data的方式 形如 ajax ajax datatype json success function data 形如 或者json...
ajax請求的data資料格式
今天使用ajax時,發現get傳data時,傳遞json字串時傳不過去引數,所以做了一些實驗測試ajax的get和post的傳遞data時的不同。ajax有三種傳遞傳遞data的方式 1.json格式 形如 ajax ajax datatype json success function data ...
Ajax使用JSON資料格式案例
1 json j ascriptobject notation 一種簡單的資料格式,比xml更輕巧。json是j ascript原生格式,這意味著在j ascript中處理json資料不需要任何特殊的api或工具包。json的規則很簡單 物件是乙個無序的 名稱 值 對 集合。乙個物件以 右括號 結束...