ajax請求後台互動json示例

2021-09-08 20:11:52 字數 1770 閱讀 8318

ajax請求,首先需要伺服器(首先你需要node)

其次,進入當前目錄(預設伺服器端口8080)

http-server
(推薦封裝ajax,以及ajax轉碼過來或者轉碼回去後台)

1

doctype html

>

2<

html

>34

<

head

>

5<

meta

charset

="utf-8"

>

6<

title

>document

title

>

7<

meta

name

="keywords"

content

="">

8<

meta

name

="description"

content

="">

9<

style

>

10*

15style

>

16head

>

1718

<

body

>

19<

button

id="btn"

>請求資料

button

>

20<

ul id

="list"

>

ul>

21<

script

>

22var

btn

=document.getelementbyid(

'btn');

23var

list

=document.getelementbyid(

'list');

24btn.onclick

=function

()

else;32

//2.開啟與伺服器的鏈結

33xhr.open(

'get',

'test.json?_='+

newdate().gettime(),

true

); //

生成不一樣的url解決快取問題

34//

3.傳送給伺服器

35xhr.send(

null

); //

get請求

36//

4.響應就緒

37xhr.onreadystatechange

=function

() ;

44}

else;47

};48}49

}50script

>

51body

>

5253

html

>

test.json(前台可以先做json物件陣列測試,待資料一到調入介面即可)

1[2

,3,4

,56 ]

Ajax 前端與後台互動

整體的思路和邏輯是這樣的 我需要獲取使用者名稱和密碼,將使用者名稱和密碼組合成乙個物件,傳給後台伺服器後台伺服器會進行匹配將返回來的資料給前端,前端根據返回的資料判斷是否成功登陸。以下是通過ajax實現這個過程 url 代表登入功能需要訪問的介面 method 代表前端是需要向伺服器傳送資料 pos...

ajax互動struts返回json

ajax互動struts返回json type josn 就是返回json type redirect 就是返回頁面 ajax一般是接受json,故result type json ajax接受html,故result type redirect 也可 struts default 是sturts核...

Ajax請求返回Json資料

介紹一下用ajax向伺服器請求資料的方法,以及對於返回的json資料的使用。1 ajax 8 datatype json 9 success function data 12 error function error 15 一般的資料請求,這幾個屬性就夠用了。下面來稍稍的介紹一下這幾個屬性 type...