jQuery Ajax ʵÀýÑÝʾ

<
script language=
"javascript"
>
 
$(
document)
.ready
(
function
(
)
{
$(
'#send_ajax'
)
.click
(
function
(
)
{
var
params=
$(
'input'
)
.serialize
(
)
;
//ÐòÁл¯±íµ¥µÄÖµ
$.ajax
(
{
url:
'ajax_json.php'
,
//ºǫ́´¦Àí³ÌÐò
type:
'post'
,
//Êý¾Ý·¢ËÍ·½Ê½
dataType:
'json'
,
//½ÓÊÜÊý¾Ý¸ñʽ
data:
params,
//Òª´«µÝµÄÊý¾Ý
success:
update_page //»Ø´«º¯Êý(ÕâÀïÊǺ¯ÊýÃû)
}
)
;
}
)
;
 
//$.post()·½Ê½£º
$(
'#test_post'
)
.click
(
function
(
)
{
$.post
(
'ajax_json.php'
,
{
username:
$(
'#input1'
)
.val
(
)
,
age:
$(
'#input2'
)
.val
(
)
,
sex:
$(
'#input3'
)
.val
(
)
,
job:
$(
'#input4'
)
.val
(
)
}
,
function
(
data)
//»Ø´«º¯Êý
{
var
myjson=
''
;
eval
(
'myjson='
+
data +
';'
)
;
$(
'#result'
)
.html
(
"ÐÕÃû:"
+
myjson.username
+
"<br/>¹¤×÷:"
+
myjson[
'job'
]
)
;
}
)
;
}
)
;
 
//$.get()·½Ê½£º
$(
'#test_get'
)
.click
(
function
(
)
{
$.get
(
'ajax_json.php'
,
{
username:
$(
"#input1"
)
.val
(
)
,
age:
$(
"#input2"
)
.val
(
)
,
sex:
$(
"#input3"
)
.val
(
)
,
job:
$(
"#input4"
)
.val
(
)
}
,
function
(
data)
//»Ø´«º¯Êý
{
var
myjson=
''
;
eval
(
"myjson="
+
data +
";"
)
;
$(
"#result"
)
.html
(
myjson.job
)
;
}
)
;
}
)
;
}
)
;
 
function
update_page (
json)
//»Ø´«º¯ÊýʵÌ壬²ÎÊýΪXMLhttpRequest.responseText
{
var
str=
"ÐÕÃû:"
+
json.username
+
"<br />"
;
str+=
"ÄêÁä:"
+
jso