您的位置：首页 > 编程语言 > PHP开发

<php>Ajax基本格式

2016-04-05 16:07 555 查看

<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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航