首页 / AJAX / 有关AJAX的基础操作

有关AJAX的基础操作

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了有关AJAX的基础操作，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1726字，纯文字阅读大概需要3分钟。

内容图文

AJAX开发

AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。

AJAX = 异步 JavaScript和XML（标准通用标记语言的子集）。

AJAX 是一种用于创建快速动态网页的技术。

通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

传统的网页（不使用 AJAX）如果需要更新内容，必须重载整个网页页面。

AJAX的应用实例

1.注册界面用户名的提示

效果如图：有关AJAX的基础操作 - 文章图片

有关AJAX的基础操作 - 文章图片

代码如下：

<!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 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/141763.html

来源：【匿名】