Ajax基本格式

时间:2022-10-26 22:17:55
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="jquery-1.11.2.min.js"></script>
</head> <body>
<div>用户名:<input type="text" id="uid" /></div>
<div>密码:<input type="text" id="pwd" /></div>
<div><input type="button" value="登录" id="btn" /></div>
<div><input type="text" id="user" /><div id="ts"></div></div>
</body>
<script type="text/javascript">
$(document).ready(function(e) {
$("#btn").click(function(){
var uid = $("#uid").val();
var pwd = $("#pwd").val();
$.ajax({
url:"0405chuli.php",//处理页面的路径
data:{u:uid,p:pwd,type:0},//通过json格式将一组数据传过去
type:"POST",//数据的提交和传递方式,最好用POST,用POST也行
dataType:"TEXT",//页面返回值的类型,共有三种:TEXT,JSON,XML可选
success:function(data){//回调函数:如果ajax调用成功,就执行这个success后面的函数,(data)当做参数返回过来
if(data=="OK!")
{
window.location = "0405main.php";
}
else
{
alert(data);
}
} });
})
$("#user").blur(function(){
var user = $(this).val();
$.ajax({
url:"0405chuli.php",
data:{u:user,type:1},
type:"POST",
dataType:"TEXT",
success: function(d){
if(d=="OK")
{
$("#ts").html("用户名可用!"); }
else
{
$("#ts").html("<span style='color:red'>该用户名已存在</span>");
}
} }); }) }); </script>
</html>