jquery的ajax

来源:互联网 发布:2016淘宝排名靠前技巧 编辑:程序博客网 时间:2024/06/06 02:34

ajax.html


<html>
  <head>
     <meta charset="utf-8"/>
<script type="text/javascript" src="script/jquery-1.4.2.min.js"></script>
<script>
 $(function(){
   $("#name").blur(function(){
    $.ajax({
     url:"ajax.php",
 type:"POST",
 data:'name='+$("#name").val(),
 asyn:true,
 cache:false,
 dataType:"text",
 success:function(data,textStatus){
       $(".formtip").remove();
$("<strong class='formtip'>*"+data+"</strong>").appendTo("div.div");
 },
     error:function(xhr,errMsg){
   alert(errMsg);
 }
});
});
 });
</script>
  </head>
  <body>
   <form>
     <div class="div">
   用户名:<input type="text" id="name" class="name"/>
</div>
<div class="div1">
   密码:<input type="password" id="password" class="password"/>
</div>
   </form>
  </body>
</html>


ajax.php


<?php
$user=array('aa','as','df','cc');
if(in_array($_POST['name'],$user)){
  echo '用户名已存在';
}else{
   echo '用户名可以使用';
}

原创粉丝点击