ajax實(shí)現(xiàn)加載數(shù)據(jù)功能
更新時(shí)間：2017年05月23日 10:14:46 作者：ChrissZhao
這篇文章主要為大家詳細(xì)介紹了ajax實(shí)現(xiàn)加載數(shù)據(jù)功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
加載數(shù)據(jù)的具體代碼，供大家參考，具體內(nèi)容如下
1.xssj.php
<script src="jquery-3.2.0.min.js"></script>
<title>無(wú)標(biāo)題文檔</title>
</head>
<body>
<h1>顯示數(shù)據(jù)</h1>
<select id="sel">
</select>
<input type="button" value="取選中值" id="qu" />
</body>
<script type="text/javascript">
$(document).ready(function(e) {
//異步AJAX ：執(zhí)行chuli頁(yè)面的同時(shí),繼續(xù)執(zhí)行下面代碼。效率高,不用等待,繼續(xù)執(zhí)行下面代碼
//異步和同步 同步：效率不高,不能同時(shí)執(zhí)行兩件事情
$.ajax({
//async:false,//把異步關(guān)閉,相當(dāng)于開(kāi)啟同步
url:"xschuli.php",
dataType:"TEXT",
//complete: function(){},//執(zhí)行完成之后執(zhí)行
//beforeSend: function(){},//發(fā)送處理請(qǐng)求之前,自動(dòng)處理此方法 complete和beforeSend可以實(shí)現(xiàn)進(jìn)度條
//error: function(){},//如果出錯(cuò)了執(zhí)行此方法
success: function(data){ //success: function(){}是執(zhí)行完成之前執(zhí)行
var hang = data.split("|");
var str = "";
for(var i=0;i<hang.length;i++)
{
var lie = hang[i].split("^");
str = str+"<option value='"+lie[0]+"'>"+lie[1]+"</option>";
}
$("#sel").html(str);
//alert($("#sel").val());
}
});
//alert($("#sel").val());
$("#qu").click(function(){
alert($("#sel").val());
})
});
</script>
</html>
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
AJAX是利用瀏覽器的兩個(gè)內(nèi)置對(duì)象實(shí)現(xiàn)了，異步傳輸，說(shuō)白了，頁(yè)面不刷新對(duì)后臺(tái)請(qǐng)求功能，現(xiàn)在市面上有很多AJAX框架，我就不一一列舉了。2009-02-02
微軟MSXML中的XMLHTTP組件基于URL Moniker，同時(shí)支持同步和異步HTTP/HTTPS訪問(wèn)遠(yuǎn)程主機(jī)資源的方法。這里提供基本的JavaScript代碼以方便本地運(yùn)行cscript.exe調(diào)試。2009-11-11
下面小編就為大家?guī)?lái)一篇深入剖析$.ajax()方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考2016-04-04
支持跨域的Ajax異步(請(qǐng)求)提交類(lèi)2009-07-07
一個(gè)簡(jiǎn)單Ajax類(lèi)庫(kù)及使用方法實(shí)例分析
這篇文章主要介紹了一個(gè)簡(jiǎn)單Ajax類(lèi)庫(kù)及使用方法,結(jié)合實(shí)例形式分析了ajax類(lèi)庫(kù)的源碼與具體使用技巧,需要的朋友可以參考下2016-04-04
應(yīng)用程序通過(guò)XMLHttpRequest對(duì)象以后臺(tái)的方式從服務(wù)器獲取數(shù)據(jù)，通過(guò)CSS和DOM改變界面的外觀，感興趣的朋友可以了解下本文2014-01-01
按鈕的Ajax請(qǐng)求時(shí)一次點(diǎn)擊兩次提交的解決方法
像ajax請(qǐng)求發(fā)生兩次提交的原因是在執(zhí)行完ajax請(qǐng)求后，并沒(méi)有阻止submit的行為，下面小編給大家?guī)?lái)兩種按鈕的ajax請(qǐng)求時(shí)一次點(diǎn)擊兩次提交的解決方法，一起看看吧2016-09-09
基于ajax后臺(tái)返回的數(shù)據(jù)為空前臺(tái)顯示出現(xiàn)undefined的解決方法
今天小編就為大家分享一篇基于ajax后臺(tái)返回的數(shù)據(jù)為空前臺(tái)顯示出現(xiàn)undefined的解決方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
Ajax+php實(shí)現(xiàn)商品分類(lèi)三級(jí)聯(lián)動(dòng)
這篇文章主要介紹了Ajax+php實(shí)現(xiàn)商品分類(lèi)三級(jí)聯(lián)動(dòng)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-08-08
Ajax Session失效跳轉(zhuǎn)登錄頁(yè)面的方法
這篇文章主要介紹了Ajax Session失效跳轉(zhuǎn)登錄頁(yè)面的方法，非常不錯(cuò)具有參考借鑒價(jià)值，感興趣的朋友一起看下吧2016-06-06