jquery 与ajax 的应用

asynchronous JavaScript and XML

在jquery $.ajax()方法属于最底层的方法，第2层是load(),$.post(),$.get(), 第3层是$.getScript() 和$.getJson方法

1. load

load(url [,data] [,callback])

data : 采用Key/value 数据

callback function 请求完成时的回调函数，无论请求成功或者失败

传递方式，如果data没有参数，就会采用get方式

1
$(
'
#resTest
'
).load(
'
test.php
'
,
function
(){
2

//
.....

3

});
4

5
$(
'
#resTest
'
).load(
'
test.php
'
,{name:
'
rain
'
,age:
''
22
} ,
function
(){
6

//
.....

7

});
8

9

//
回调函数

10

$(
'
#resTest
'
).load(
'
test.php
'
,
function
(responseText,testStatus,XMLHTTPRequest){
11

//
.....

12

});
13

14

15

16

17

2. get() 和post 方法

$.get(url [,data] [,callback] [,type])

type ,服务器返回的内容的格式，包括XML，html ,script,json,text 和_default

3. $.getScript() 和$.getJson()

$.getScript() 用来直接加载js 文件,javaScript 文件会自动运行

$.getJson() 用来加载json 对象.

4. $.ajax()

$.ajax(options)

紧紧需要一个参数 以KEY/VALUE 的形式存在

5. serilalize() 方法

$(‘#form1’).serialize() 将所有的DOM 元素简化成字符串