Ajax 使用jQuery 實現Ajax

2022-09-09 15:48:29 字數 2568 閱讀 7955

get/post 方式

1

doctype html

>

2<

html

lang

="en"

>

3<

head

>

4<

meta

charset

="utf-8"

/>

5<

title

>document

title

>

6head

>

7<

script

type

="text/j**ascript"

src="jquery.js"

>

script

>

8<

script

type

="text/j**ascript"

>9$(

function

();//

取消快取

14$(

"#content

").load(url,args);

1516

//load() 方法的 url 引數的語法結構為 「url selector」(注意: url 和 選擇器之間有乙個空格)

17//

var url = this.href + " h2 a"; //空格表示父級;然後 獲取 節點

1819

//url:

20//

args:json格式

21//

fucntion:**函式被觸發。響應結果在data 中

2223

24//

get請求 改為post,可以直接改post

25$.post(url,args,

function

(data));

3233

return

false;34

});35

});36

script

>

37<

body

>

38<

a href

="jeremy.xml"

>helloajax

a>

39<

div

id="content"

>

div>

40body

>

41html

>

getjson方式

1

doctype html

>

2<

html

lang

="en"

>

3<

head

>

4<

meta

charset

="utf-8"

/>

5<

title

>document

title

>

6head

>

7<

script

type

="text/j**ascript"

src="jquery.js"

>

script

>

8<

script

type

="text/j**ascript"

>9$(

function

();//

取消快取,json樣式,傳遞方式: load如果沒有引數傳遞, 採用 get 方式傳遞, 否則採用 post 方式

14$(

"#content

").load(url,args);

1516

//var url = this.href + " h2 a"; //空格表示父級;然後 獲取 節點

1718

//url:

19//

args:json格式

20//

fucntion:**函式被觸發。響應結果在data 中

2122

23//

get請求 改為post,可以直接改post,getjson data資料

24$.getjson(url,args,

function

(data));

32//

也可以用get方式,後面加上型別,如:"json";

33return

false;34

});35

});36

script

>

37<

body

>

38<

a href

="andy.xml"

>helloajax

a>

39<

div

id="content"

>

div>

40body

>

41html

>

使用jQuery實現ajax

一 jquery提供了 ajax 方法,利用此方法我們可以輕鬆發起ajax請求 ajax options 方法 json中的每個結構單元均由花括號 表示,每個結構中可以包含多個由逗號 分割的成員,而每個成員均是乙個 鍵 值 對。值不僅可以是普通的字串,也可以是乙個有序列表,用方括號標識,其中可以包含...

ajax 通過jQuery實現

使用jquery實現ajax相對來說方便一點,看w3cschool有幾種實現的方法,我就總結一下自己以後會用到的幾種方法 ajax方法 ajax方法裡面有很多個引數可以使用,但我這裡就寫自己常用的幾個引數 1.url 要求為string型別的引數,預設為當前頁位址 傳送請求的位址。2.timeout...

JQuery實現Ajax應用

將自己之前在印象筆記的筆記搬家了 1.使用 load 方法非同步請求資料,通過ajax 請求載入伺服器中的資料,並把返回的資料放置到指定的元素中,它的呼叫格式為 引數url為載入伺服器位址,可選項data引數為請求時傳送的資料,callback引數為資料請求成功後,執行的 函式。2.使用getjso...