ajax实现加载数据功能
加载数据的具体代码，供大家参考，具体内容如下
1.xssj.php
<script src="jquery-3.2.0.min.js"></script>
<title>无标题文档</title>
</head>
<body>
<h1>显示数据</h1>
<select id="sel">
</select>
<input type="button" value="取选中值" id="qu" />
</body>
<script type="text/javascript">
$(document).ready(function(e) {
//异步AJAX ：执行chuli页面的同时,继续执行下面代码。效率高,不用等待,继续执行下面代码
//异步和同步 同步：效率不高,不能同时执行两件事情
$.ajax({
//async:false,//把异步关闭,相当于开启同步
url:"xschuli.php",
dataType:"TEXT",
//complete: function(){},//执行完成之后执行
//beforeSend: function(){},//发送处理请求之前,自动处理此方法 complete和beforeSend可以实现进度条
//error: function(){},//如果出错了执行此方法
success: function(data){ //success: function(){}是执行完成之前执行
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>
2.xschuli.php
<?php require "DBDA.class.php"; $db = new DBDA(); $sql ="select * from nation"; //$arr = $db->query($sql,1); //var_dump($arr); "n001^汉族|n002^壮族|n003^维吾尔族"; echo $db->strquery($sql); /*$str=""; foreach($arr as $v) { $str = $str.implode("^",$v)."|"; } $str = substr($str,0,strlen($str)-1); echo $str;*/
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持小牛知识库。
-
本文向大家介绍Ajax实现动态加载数据，包括了Ajax实现动态加载数据的使用技巧和注意事项，需要的朋友参考一下 前言： 1.这个随笔实现了一个Ajax动态加载的例子。 2.使用.net 的MVC框架实现。 3.这个例子重点在前后台交互，其它略写。 开始： 1.控制器ActionResult代码（用于显示页面） 2.前台页面主要代码 说明：这个就是要展示数据的表格，里面的字段要和你建好的模型匹配。
-
本文向大家介绍PHP实现简单ajax Loading加载功能示例，包括了PHP实现简单ajax Loading加载功能示例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了PHP实现简单ajax Loading加载功能。分享给大家供大家参考，具体如下： 测试的时候，被 Chrome 给绊着了。请看下边解释： 这样写本来就不会接到.readyState==1的回应 因为1是表示已经调用.ope
-
本文向大家介绍AJAX和jQuery动态加载数据的实现方法，包括了AJAX和jQuery动态加载数据的实现方法的使用技巧和注意事项，需要的朋友参考一下 什么是AJAX？ 这里的AJAX不是希腊神话里的英雄，也不是清洁剂品牌，更不是一门语言，而是指异步Javascript和XML（Asynchronous JavaScript And XML），这里的XML（数据格式）也可以是纯文本（Plain T
-
本文向大家介绍Android之ListView分页加载数据功能实现代码，包括了Android之ListView分页加载数据功能实现代码的使用技巧和注意事项，需要的朋友参考一下 什么是ListView分页加载数据功能呢？在现在的大数据时代，我们不可能把某些数据全部展示到界面，好比我们经常会看的QQ空间一样，当你看动态的时候，系统不可能会把所有好友的动态都展示在上面，你能看到的一般都是最新好友更新的动
-
本文向大家介绍layui实现数据分页功能（ajax异步），包括了layui实现数据分页功能（ajax异步）的使用技巧和注意事项，需要的朋友参考一下 最近项目要使用layUI的分页，看了官方demo感觉还是不太清晰，摸索了一下，现在记录一下。 一、引入layUI的相关资源 二、html页面代码 三、定义showReocrd()函数异步加载数据 四、分页js 主要注意下: count: total 代
-
本文向大家介绍Ajax 实现加载进度条，包括了Ajax 实现加载进度条的使用技巧和注意事项，需要的朋友参考一下 ajax beforeSend: 先说说这个 beforeSend， 在请求发送前执行 比如 可以判断用户有没有登录 ，如果没有登录就停止请求 并提示。 $.ajax有一个参数是complete：function(){} 是在 请求完成之后执行的 ，配合beforeSend可以用来展示进