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