• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

有关AJAX的基础操作

php 搞代码 4年前 (2022-01-22) 27次浏览 已收录 0个评论
文章目录[隐藏]

AJAX开发

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

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

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

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

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

AJAX的应用实例

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

效果如图:

代码如下:

<!DOCTYPE html><html>    <head>        <meta charset="U<div>本文#来源gaodai.ma#com搞##代!^码7网</div><pre>搞代gaodaima码

TF-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的基础操作的详细内容,更多请关注搞代码gaodaima其它相关文章!


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:有关AJAX的基础操作
喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址