首页 > Web开发 > 详细

ajax语法

时间:2016-06-24 00:03:03      阅读:414      评论:0      收藏:0      [点我收藏+]

js语言功能比较强大,但不能访问数据库

ajax来补充这一缺陷

技术分享

ajax语法:
$.ajax({
url:"chuli.php",//处理页面
data:{u:val},//要提交的值
type:"POST",//提交方式
dataType:"TEXT",//返回类型
success: function(data){}//回调函数
})

案例1.

技术分享要求:失去焦点时如下效果

 

    技术分享      

    技术分享

 

主页代码

<body>
用户名:<input type="text" id="a" /><div id="b"></div>
</body>
</html>
<script type="text/javascript">
$(document).ready(function(e){
   $("#a").blur(function(){
       var val=$(this).val();
       //调用ajax
       $.ajax({
           url:"chuli.php",//处理页面
           data:{u:val},//要提交的值
           type:"POST",//提交方式
           dataType:"TEXT",//返回类型
           success: function(s)//回调函数
           {
               if(s.trim()=="OK")//s.trim()指给返回的整个页面去空格
               {
                  var str="可以注册" ;
                   $("#b").html(str);
               }
               else
               {
                  var str="该用户名已存在";  
                  $("#b").html(str);
               }
            }
           });
       });
});
</script>

处理页面

<?php
include "DBDA.class.php";
$uid=$_POST["u"];
$dx=new DBDA();
$sql="select count(*) from family where name=‘{$uid}‘";
$attr=$dx->query($sql);
if($attr[0][0]>0)
{
    echo "NO";
    }
else
{
    echo "OK";
}    

 

ajax语法

原文:http://www.cnblogs.com/jinshui/p/5612395.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!