ajax实现加载数据功能
更新时间：2017年05月23日 10:14:46 作者：ChrissZhao
这篇文章主要为大家详细介绍了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>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
本篇也用encodeURI对字符串做了加密，并在类里做了解码，其中需要一些注意的地方在源码里做了注释。get/post两种提交方式，但get提交容易乱码，一定多加注意2013-09-09
SpringMVC：是基于Spring的一个子框架(MVC框架)，功能强于Spring，这个框架主要是解决咱们Controller这一层的问题。这篇文章主要介绍了SpringMVC+Jquery实现Ajax功能,需要的朋友可以参考下2019-06-06
今天小编就为大家分享一篇ajax动态获取数据库中的数据方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
这篇文章主要介绍了使用AJAX实现上传文件，无需任何插件，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-10-10
在本篇教程中，数据库的表名和日志查看页面以L-Blog为例，因为我的博客程序是从L-Blog修改而来。2006-07-07
关于ajax对象一些常用属性、事件和方法大小写比较常见的问题总结
最近比较空闲，于是抽个时间整理些关于ajax方法的东东。在项目中经常发现ajax板块好多问题都是属性，方法，事件大小写不区分问题，最终导致了程序运行出现麻烦，下面给大家介绍关于ajax对象一些常用属性、事件和方法大小写比较常见的问题总结2015-10-10
点击登录按钮时弹出登录窗口,输入正确的用户名密码后点击登录则登录窗口关闭,状态改为当前用户名.这篇文章主要介绍了AJAX如何实现无刷新登录功能，需要的朋友参考下2017-01-01
很多时候我们只要用到一些简单的Ajax功能，提供一些简单的回调而不需要很花哨的东西。然而现有的很多Ajax库都很大，虽然功能很多但是我们很多时候根本就不需要用到他们，我就遇到过那样的经历，所以我想弄一个很简单的Ajax回调函数来搞定。2008-10-10
ajax 动态为a标签的href属性赋值，总是不执行跳转的原因想必大家有遇到过吧，下面与大家分享下具体的解决方法，希望对你有所帮助2013-06-06
当用户填写好账号切换到密码框的时候，使用ajax验证账号的可用性。这篇文章就主要为大家详细介绍了Ajax实现异步用户名验证功能，感兴趣的小伙伴们可以参考一下2016-05-05
最新评论