下面简单介绍jQuery下使用ajax验证用户名的几个API的使用，方便遗忘后快速上手。
界面如下：
用户名：<input type="text" id="name" /><div id="msg" style="color:red"></div><br /> 密 码：<input type="password" /><br />后台return.php如下，返回的数据有三种形式：text、xml、json。
<?php //返回text格式 /* header("Content-Type:text/html;charset=utf-8"); $name=$_POST['name']; if($name=="admin"){ echo "用户名不可用"; }else{ echo "用户名可用"; } */ //返回xml格式 /* header("Content-Type:text/xml;charset=utf-8"); $name=$_POST['name']; if($name=="admin"){ echo "<result><id>1</id><info>用户名不可用</info></result>"; }else{ echo "<result><id>0</id><info>用户名可用</info></result>"; } */ //返回json格式 /* header("Content-Type:text/html;charset=utf-8"); $name=$_POST['name']; if($name=="admin"){ echo "[{\"id\":\"1\",\"info\":\"用户名不可用\"}]"; }else{ echo "[{\"id\":\"0\",\"info\":\"用户名可用\"}]"; } */ 注意：json格式,使用$.ajax时一定要用双引号，否则不会success，而是进入error //example：使用 [{"name":"zhangsan"}]，而不是 [{'name':'zhangsan'}]调用.load方法请求数据：
//.load方法 //返回text格式 /* $(document).ready(function(){ $('#name').blur(function(){ $("#msg").load("return.php",{name:$("#name").val()}); }) }) */ //返回xml格式 /* $(document).ready(function(){ $('#name').blur(function(){ $("#msg").load("return.php",{name:$("#name").val()},function(data,textStatus,xmlHttpRequest){ var id=$(data).find("id").text(); var info=$(data).find("info").text(); alert(id+" "+info); }) }) }) */ //返回json格式 /* $(document).ready(function(){ $('#name').blur(function(){ $("#msg").load("return.php",{name:$("#name").val()},function(data,textStatus){ var obj=eval("("+data+")"); alert(obj.id+" "+obj.info); }); }) }) */ 调用.post方法请求数据： //.post方法 //返回text格式 /* $(document).ready(function(){ $("#name").blur(function(){ $.post("return.php",{name:$("#name").val()},function(data){ $("#msg").text(data); }); }) }) */ //返回xml格式 /* $(document).ready(function(){ $("#name").blur(function(){ $.post("return.php",{name:$("#name").val()},function(data,textStatus){ var id=$(data).find("id").text(); var info=$(data).find("info").text(); var msg=id+" "+info; $("#msg").text(msg); alert(msg); }); }) }) */ //返回json格式 /* $(document).ready(function(){ $("#name").blur(function(){ $.post("return.php",{name:$("#name").val()},function(data,textStatus){ var res=eval("("+data+")"); $("#msg").text(res.id+" "+res.info); alert(res.id+" "+res.info); }); }) }) */ 调用.ajax方法请求数据，这里仅展示请求json，其他两种类似： $(document).ready(function(){ $("#name").blur(function(){ $.ajax({ url:"return.php", type:"post", data:{ name:$("#name").val() }, dataType:"json", success:function(data,textStatus){ //错误的解析!!!! //声明dataType类型为json时已经执行过类似的解析过程 //var res=eval("("+data+")"); //$("#msg").text(res.id+" "+res.info); //alert(res[0].id+" "+res[0].info); //正确的解析 $("#msg").text(data[0].id+" "+data[0].info); alert(data[0].id+" "+data[0].info); }, error:function(xmlHttpRequest,textStatus,errorThrown){ alert(textStatus+"出错！"+errorThrown); } }) }) }) 完整的demo下载地址： jQuery下ajax的使用模板