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)于開啟同步
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)文章
本篇也用encodeURI對(duì)字符串做了加密，并在類里做了解碼，其中需要一些注意的地方在源碼里做了注釋。get/post兩種提交方式，但get提交容易亂碼，一定多加注意2013-09-09
SpringMVC+Jquery實(shí)現(xiàn)Ajax功能
SpringMVC：是基于Spring的一個(gè)子框架(MVC框架)，功能強(qiáng)于Spring，這個(gè)框架主要是解決咱們Controller這一層的問(wèn)題。這篇文章主要介紹了SpringMVC+Jquery實(shí)現(xiàn)Ajax功能,需要的朋友可以參考下2019-06-06
ajax動(dòng)態(tài)獲取數(shù)據(jù)庫(kù)中的數(shù)據(jù)方法
今天小編就為大家分享一篇ajax動(dòng)態(tài)獲取數(shù)據(jù)庫(kù)中的數(shù)據(jù)方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
這篇文章主要介紹了使用AJAX實(shí)現(xiàn)上傳文件，無(wú)需任何插件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-10-10
在本篇教程中，數(shù)據(jù)庫(kù)的表名和日志查看頁(yè)面以L-Blog為例，因?yàn)槲业牟┛统绦蚴菑腖-Blog修改而來(lái)。2006-07-07
關(guān)于ajax對(duì)象一些常用屬性、事件和方法大小寫比較常見(jiàn)的問(wèn)題總結(jié)
最近比較空閑，于是抽個(gè)時(shí)間整理些關(guān)于ajax方法的東東。在項(xiàng)目中經(jīng)常發(fā)現(xiàn)ajax板塊好多問(wèn)題都是屬性，方法，事件大小寫不區(qū)分問(wèn)題，最終導(dǎo)致了程序運(yùn)行出現(xiàn)麻煩，下面給大家介紹關(guān)于ajax對(duì)象一些常用屬性、事件和方法大小寫比較常見(jiàn)的問(wèn)題總結(jié)2015-10-10
AJAX如何實(shí)現(xiàn)無(wú)刷新登錄功能
點(diǎn)擊登錄按鈕時(shí)彈出登錄窗口,輸入正確的用戶名密碼后點(diǎn)擊登錄則登錄窗口關(guān)閉,狀態(tài)改為當(dāng)前用戶名.這篇文章主要介紹了AJAX如何實(shí)現(xiàn)無(wú)刷新登錄功能，需要的朋友參考下2017-01-01
有史以來(lái)最簡(jiǎn)單的AJAX回調(diào)庫(kù)
很多時(shí)候我們只要用到一些簡(jiǎn)單的Ajax功能，提供一些簡(jiǎn)單的回調(diào)而不需要很花哨的東西。然而現(xiàn)有的很多Ajax庫(kù)都很大，雖然功能很多但是我們很多時(shí)候根本就不需要用到他們，我就遇到過(guò)那樣的經(jīng)歷，所以我想弄一個(gè)很簡(jiǎn)單的Ajax回調(diào)函數(shù)來(lái)搞定。2008-10-10
ajax動(dòng)態(tài)為a標(biāo)簽href賦值不執(zhí)行跳轉(zhuǎn)的原因分析及解決
ajax 動(dòng)態(tài)為a標(biāo)簽的href屬性賦值，總是不執(zhí)行跳轉(zhuǎn)的原因想必大家有遇到過(guò)吧，下面與大家分享下具體的解決方法，希望對(duì)你有所幫助2013-06-06
Ajax實(shí)現(xiàn)異步用戶名驗(yàn)證功能
當(dāng)用戶填寫好賬號(hào)切換到密碼框的時(shí)候，使用ajax驗(yàn)證賬號(hào)的可用性。這篇文章就主要為大家詳細(xì)介紹了Ajax實(shí)現(xiàn)異步用戶名驗(yàn)證功能，感興趣的小伙伴們可以參考一下2016-05-05