杩???????褰???棰?
-
- 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璇锋?锛?