杩???????褰???棰?
-
- 6.2.2 GET璇鋒?
- ??????褰?
6.2.2 GET璇鋒?
???????get(锛??規?灏辨????杩??ヨ?㈠??绗?覆???瑰??ヤ???璇鋒?淇℃????GET璇鋒??????伴??杩????鳳?锛?锛???缂???????RL????灏撅? ???版??浠ヨ?瀛?绗?&)杩??ョ??涓?涓???澶?涓???锛??煎?廣?? 姣?涓???绉闆???奸?藉?椤誨?ㄧ????????界?ㄥ??RL涓?锛???浠ュ??avaScript涓?浣跨??encodeURIComponent()?規?杩?琛?缂???锛? ???″?ㄧ???ㄦ?ユ?惰?浜??版???朵?蹇?椤諱嬌??ecodeURIComponent()?規?杩?琛?瑙ｇ????
???????褰?浣跨??MLHttpRequest瀵矽薄????涓?涓?GET璇鋒??訛? ????灏????????????扮??URL浼???open(锛??規? 锛? ???惰?劇疆绗?1涓????闆?間負GET?? 杩??鋒???″?ㄥ氨?藉????ㄥ??RL???㈢???ヨ?㈠??绗?覆涓??ユ?跺?闆?㈡?風??浼???杩??ョ??淇℃???? 浣跨??ET璇鋒?姣?杈?绠??? 锛? 涔???甯告?逛究?? URL??澶ч?垮害涓?2048瀛?绗?2KB)锛? 瀹?????浼???涓?浜?绠?????
???頒俊??锛? 涓???浼?杈?澶у?歸??????淇??ょ???版????
?????????ET璇鋒?涓???浠ュ?????村??????頒俊?? ?? 渚?濡?锛? ?ㄤ??㈣??ヨ?鋒?涓? 锛? ?變???浜?3涓????闆?鹼? ???闆????name???肩??浜?zhangsan, ???闆????pass???肩??浜?123456, ???闆????age???肩??浜?1??
???????jQuery瀹?涔?浜?get(锛??規? 锛? 涓??ㄨ?璐ｉ??杩?杩?绋? HTTPGET璇鋒??瑰?杞藉?ヤ俊?? ??璇ユ?規???涓?涓?绠????? GET璇鋒????斤? 浠ュ??浠ｅ?????锛?.ajax()?規??? 璇ユ?規????蜂??ㄦ?濡?涓?锛?
???????
get(锛?
?規?????4涓?????锛? ?朵腑绗?1涓????頒負蹇?椤昏?劇疆椤癸? ????3涓????頒負???????幫?
???????锛?1锛?????rl琛ㄧず瑕?璇鋒?椤甸?㈢??URL?闆?? ??
???????锛?2锛?????data 琛ㄧず涓?涓?瀵矽薄缁???????锛??煎?瑰??琛ㄣ??
???????锛?3锛?????success(data, textStatus, jqXHR)琛ㄧず寮?姝ヤ氦浜?????涔???璋??ㄧ????璋??芥?般?? ??璋??芥?扮?????闆?間負???″?ㄧ????搴???淇℃????
???????锛?4锛?????dataType 琛ㄧず???″?ㄧ????搴?淇℃??杩???????瀹規?煎?锛? 濡? XML?? HTML?? Script??JSON ?? Text,????锛?efault??
?????????绀轟? 3?? 浣跨??get(锛??規??????″?ㄧ???? test.asp ??浠跺???轟?涓?璇鋒?锛? 骞舵??涓?缁??版??浼???缁?璇ユ??浠訛??跺???ㄥ??璋??芥?頒腑璇誨??骞舵?劇ず???″?ㄧ????搴???淇℃????
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml 1 /DTD/
xhtml 1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script src="jQuery/jquery-1.6.4.js" type="text/javascript"></script>
<script type="text/javascript" >
$(function(){
$("input").click(function(){ //缁?瀹?click浜?浠? $.get("test.asp",{ //??test1.asp ??浠跺???鴻?鋒?
name: "zhangsan", //???虹??璇鋒?淇℃??
pass : 123456,
age : 1
},function(data){ //??璋??芥?? alert(data); //?劇ず??搴?淇℃??
});
});
})
</script>
<title>涓??虹?涔?</title>
</head>
<body>
<input type="button" value=???????″?ㄥ???哄?姝ヨ?鋒???
/锛?
</body>
</html>
???????????绀恒??
???????
get(锛?
?規??藉??ㄨ?鋒??????惰??ㄥ??璋??芥?般??濡?????瑕??ㄥ?洪???舵?ц??芥?幫? ??蹇?椤諱嬌??code>锛?ajax()?規?????浠ユ?? get()?規???绗? 2 涓????版??浼??????版??浠ユ?ヨ?㈠??绗?覆??褰㈠??????ㄧ?? 1 涓?????URL ?????? 渚?濡?锛? ??瀵逛???et(锛??規????ㄦ?锛? 杩???浠ヨ??蜂功??锛?
$.get("test1.asp?name=zhangsan&pass=123456&age=1 ",function(data){ //??璋??芥?? alert(data); //?劇ず??搴?娑???
});
???????jQuery 杩?瀹?涔?浜?涓や釜涓??ㄦ?規?
getJSON(锛?
??
getScript()
??杩?涓や釜?規??????藉???ㄦ?涓? get()??瀹??ㄧ?稿????锛?涓?杩? getJSON()?規??藉?璇鋒?杞藉??JSON ?版??锛? getScript()?規??藉?璇鋒?杞藉??avaScript ??浠躲??
???????杩?涓や釜?規?涓? get(锛??規????ㄦ??烘???稿??锛?浣???浠????? get(锛??規????? 3 涓????幫? 涓?甯?瑕?璁劇疆绗? 4 涓????幫??蟲??瀹???搴??版????绫誨??锛? ??涓烘?規???韬?宸茬?璇存??浜??ユ?剁??淇℃??绫誨???? 渚?濡?锛? ?ㄦ???″?ㄧ????浠?(test5.asp) 涓?杈??ヤ??㈠??搴?淇℃??锛?
锛? {name:"zhu",pass:"123456",age:"1"},
{name:"zhang",pass:"abcdef',age:"2"},
{name:"zhao",pass:"opqrst",age:"3"}
]
???????涓???俊??浠?JSON ?煎?杩?琛?缂???锛? ?翠釜?版???????ㄤ?涓??扮?涓?锛? 姣?涓??扮???绱???涓?涓?瀵矽薄锛? 瀵矽薄涓????? 3 涓?灞??э? ?????? name??pass??age??
?????????绀轟? 4?? ?ㄥ?㈡?風???? jQuery ????涓? 锛? 浣跨??getJSON(锛??規?璇鋒????″?ㄧ????浠?(test 1.asp) 锛? 骞舵????搴?淇℃??瑙ｆ??涓烘?版??琛ㄦ?煎艦寮??劇ず?? 婕?绀烘????濡???6.4 ??绀恒??
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.orgrTR/xhtml1/DTD/
xhtml 1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="jQuery/jquery-1.6.4.js" type="text/javascript"></script>
<script type="texUjavascript" >
$(function(){
$("input").click(function(){
$.getJSON("test1.asp",function(data){ //浣跨??getJSON(锛??規?????璇鋒?浜??ユ??JSON ?煎??版??
var data = data; //?峰????搴??版??
var str = "<table border-1 width=100%>"; //瀹?涔?瀛?绗?覆涓存?跺????
str += "<tr>";
for(var name in data[O]){ //??????搴??版??涓???绗? 1 涓??扮???绱?瀵矽薄
str += "<th>" + name + "</th>"; //?峰??浜??劇ず??绱?瀵矽薄??灞??у??
}
str += "</tr>";
for(var i=O; i<data.length; i++){ //??????搴??版??涓????扮???绱?
str += "<tr>";
for(var name in data[i]){ //?????扮???绱?涓???姣?涓?灞??ф????
str += "<td>"+data[i][name]; //?峰??浜??劇ず??绱?瀵矽薄??灞??у?? }
str += "</tr>";
}
str += "<table>";
$("div"}.html(str); //??涓存?跺??绗?覆浠?HTML ?煎?宓??ュ??div ??绱?涓??劇ず
});
});
});
</script>
<title>涓??虹?涔?</title>
</head>
<body>
<input type="button" value=锛??????″?ㄥ???哄?姝ヨ?鋒???
/>
<div></div>
</body>
</html>
???????浣跨??etScript(锛??規??藉?寮?姝ヨ?鋒?骞跺?煎?ュ???JavaScript??浠訛? ?蜂?绀轟?涓???婕?绀恒??
??????褰?
缁?澶у??闆??瀹規?ヨ??浜?锛?jQuery寮???浠??ラ?ㄥ?扮簿?? 浣???: 琚?姹?锛?6.2.2 GET璇鋒?锛?