『壹』 鎬庝箞浣跨敤Ajax瀹炵幇寰鐜
榪欐＄粰澶у跺甫鏉ユ庝箞浣跨敤Ajax瀹炵幇寰鐜錛屼嬌鐢ˋjax瀹炵幇寰鐜鐨勬敞鎰忎簨欏規湁鍝浜涳紝涓嬮潰灝辨槸瀹炴垬妗堜緥錛屼竴璧鋒潵鐪嬩竴涓嬨
Ajax 綆浠
Ajax 鐢 HTML銆丣avaScript? 鎶鏈銆丏HTML 鍜 DOM 緇勬垚錛岃繖涓鏉板嚭鐨勬柟娉曞彲浠ュ皢絎ㄦ嫏鐨 Web 鐣岄潰杞鍖栨垚浜や簰鎬х殑 Ajax 搴旂敤紼嬪簭銆傛湰鏂囩殑浣滆呮槸涓浣 Ajax 涓撳訛紝浠栨紨紺轟簡榪欎簺鎶鏈濡備綍鍗忓悓宸ヤ綔 鈥斺 浠庢諱綋姒傝堪鍒扮粏鑺傜殑璁ㄨ 鈥斺 浣塊珮鏁堢殑 Web 寮鍙戞垚涓虹幇瀹炪備粬榪樻彮寮浜 Ajax 鏍稿績姒傚康鐨勭炵橀潰綰憋紝鍖呮嫭 XMLHttpRequest 瀵硅薄銆
浜斿勾鍓嶏紝濡傛灉涓嶇煡閬 XML錛屾偍灝辨槸涓鍙鏃犱漢閲嶈嗙殑涓戝皬楦銆傚嶮鍏涓鏈堝墠錛孯uby 鎴愪簡鍏蟲敞鐨勪腑蹇冿紝涓嶇煡閬 Ruby 鐨勭▼搴忓憳鍙鑳藉潗鍐鋒澘鍑充簡銆備粖澶╋紝濡傛灉鎯寵窡涓婃渶鏂扮殑鎶鏈鏃跺皻錛岄偅鎮ㄧ殑鐩鏍囧氨鏄 Ajax銆
浣嗘槸錛孉jax 涓嶄粎浠 鏄涓縐嶆椂灝氾紝瀹冩槸涓縐嶆瀯寤虹綉絝欑殑寮哄ぇ鏂規硶錛岃屼笖涓嶅儚瀛︿範涓縐嶅叏鏂扮殑璇璦閭ｆ牱鍥伴毦銆
涓銆佷笟鍔￠渶奼
鍦ㄥ紑鍙戜腑錛屽綋涓涓鍒楄〃欏甸潰鍔犺澆瀹屾垚鍚庯紝鎴戦渶瑕佹牴鎹鍒楄〃姣忎竴欏圭殑id鍘繪湇鍔″櫒絝鑾峰彇瀵瑰簲鐨勬暟鎹鐒跺悗鍐嶆妸鑾峰彇鐨勬暟鎹璧嬬粰褰撳墠id瀵瑰簲鐨勬爣絳俱
渚嬪傚備笅琛ㄦ牸錛
鎴戞湁涓緋誨垪鐨勫晢鍝佺紪鍙鳳紝鎴戦渶瑕佹牴鎹鍟嗗搧緙栧彿閫氳繃ajax鍒版湇鍔″櫒鑾峰彇鍟嗗搧瀵瑰簲鐨勫悕縐幫紝鐒跺悗鍐嶇敤js鏇存柊鐣岄潰(瀹為檯涓鐨勪笟鍔″綋鐒朵笉鏄鑾峰彇鍟嗗搧鍚嶇О榪欎箞綆鍗)
浜屻佸疄鐜版柟妗
2.1 閿欒鏂規
涓鑸鎯呭喌涓嬶紝鎴戜滑浼氱洿鎺ユ兂鍒幫紝鐩存帴鍐欎釜for寰鐜錛屽湪寰鐜鍐呭彂璧穉jax璇鋒眰鑾峰彇鏁版嵁錛屽啀鎶婅幏鍙栫殑鏁版嵁鏇存柊鍒板瑰簲鐨剗d瀵瑰簲鐨勬爣絳句笂錛
濡備笅錛
鎴戜滑浠ユ暟緇勬ā鎷熶竴浜涘垪id錛
var array = [1, 3, 2, 5, 3];寰鐜鐨刟jax璇鋒眰鏂規硶錛
function foreach_ajax() {
for (var i = 0; i < array.length; i++) {
$.get("/home/loop_ajax", { value: array[i] }, function (data) {
console.log(array[i]+","+data);
});
}
}璋冪敤錛
$(function () {
foreach_ajax();
});嫻嬭瘯緇撴灉濡備笅錛
鎴戜滑鍙浠ョ湅鍒幫紝鍦ㄥ驚鐜鐨勫唴閮ㄦ垜浠鏍規湰鍙栦笉鍒癮rray[i]鐨勫箋
瀵艱嚧榪欑嶇粨鏋滅殑鍘熷洜鏄錛歛jax鏄寮傛ユ墽琛岀殑錛屽湪寰鐜緇撴潫鐨勬椂鍊欑涓嬈ajax榪樻病鏈夊皢鏈嶅姟鍣ㄦ暟鎹榪斿洖錛岃屽驚鐜緇撴潫鐨勬椂鍊檉or涓鐨勫彉閲廼宸茬粡閲婃斁浜嗭紝鎵浠array[i]=undefined
2.2 姝ｇ『鏂規
姝ｇ『鐨勬柟寮忔槸浠ラ掑綊鐨勬柟寮忓驚鐜痑jax銆
濡備笅錛
鎴戜滑浠ユ暟緇勬ā鎷熶竴浜涘垪id錛
var array = [1, 3, 2, 5, 3];閫掑綊鐨刟jax璇鋒眰鏂規硶錛
function Loop_ajax(index, array) {
if (index < array.length) {
var value = array[index];
$.get("/home/loop_ajax", { value: value }, function (data) {
console.log(array[index] + "," + data);
if (index < array.length) {
Loop_ajax(index + 1, array);
}
});
}
}璋冪敤錛
$(function () {
Loop_ajax(0, array);
});嫻嬭瘯緇撴灉濡備笅錛
鐩鎬俊鐪嬩簡鏈鏂囨堜緥浣犲凡緇忔帉鎻′簡鏂規硶錛屾洿澶氱簿褰╄峰叧娉℅xl緗戝叾瀹冪浉鍏蟲枃絝狅紒
鎺ㄨ崘闃呰伙細
ajax鍙浠ュ勭悊鏈嶅姟鍣ㄨ繑鍥炲摢浜涙暟鎹綾誨瀷錛
瀹岀編澶勭悊json鏁版嵁鏃犳硶鎵ц宻uccess