首页 / AJAX / 关于AJAX的基础操作
关于AJAX的基础操作
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了关于AJAX的基础操作,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1482字,纯文字阅读大概需要3分钟。
内容图文
AJAX开发
AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。
AJAX = 异步 JavaScript和XML(标准通用标记语言的子集)。
AJAX 是一种用于创建快速动态网页的技术。
通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
传统的网页(不使用 AJAX)如果需要更新内容,必须重载整个网页页面。
AJAX的应用实例
1.注册界面用户名的提示
效果如图:
代码如下:
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="bootstrap/js/jquery-1.11.2.min.js"></script> </head> <body> <input type="text" id="uid" /> <span id="test"></span> </body> <script>//Ajax//用户注册名提示$("#uid").blur(function() { //取用户名 var uid = $(this).val(); //去数据库看用户是否存在 $.ajax( { url:"yhmchuli.php", //处理页面 data: { u:uid } , //传递数据;前为名,后为值 type:"POST", //数据提交方式 dataType:"TEXT", //返回的数据类型 success:function(data) { //回调函数 if(data.trim()=="ok") { //trim()去掉php文件前后空格 $("#test").text("该用户名可以使用!"); $("#test").css("color","green"); } else { $("#test").text("用户名已存在!"); $("#test").css("color","red"); } } } ); } ) </script></html> php处理页面 <?php$uid = $_POST["u"]; require_once "./DBDA.class.php"; $db = new DBDA(); $sql = "select count(*) from users where uid=' { $uid } '"; $arr = $db->query($sql,0); if($arr[0][0]) { //用户名存在 echo "no"; } else { echo "ok"; }
以上就是关于AJAX的基础操作 的详细内容,更多请关注Gxl网其它相关文章!
内容总结
以上是互联网集市为您收集整理的关于AJAX的基础操作全部内容,希望文章能够帮你解决关于AJAX的基础操作所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。