php+jquery+ajax+json
唐烨煜
<html>
<title>php+jquery+ajax+json简单小例子</title>
<?php
header("Content-Type:text/html;charset=utf-8");
?>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
$("#subbtn").click(function() {
var params = $("input").serialize();
var url = "02.php";
$.ajax({
type: "post",
url: url,
dataType: "json",
data: params,
success: function(msg){
/*var backdata = "您提交的姓名为：" + msg.name +
"<br /> 您提交的密码为：" + msg.password;
$("#backdata").html(backdata);
$("#backdata").css({color: "green"}); */
if(msg.name=="admin"&& msg.password=="123"){
var backdata="核对成功";
$("#backdata").html(backdata);
$("#backdata").css({color: "green"});
}else{
alert("核对失败");
}
}
});
});
});
</script>
</head>
<body>
<p><label for="name">姓名：</label>
<input id="name" name="name" type="text" />
</p>
<p><label for="password">密码：</label>
<input id="password" name="password" type="password" />
</p>
<span id="backdata"></span>
<p><input id="subbtn" type="button" value="提交数据" /></p>
</body>
<title>php+jquery+ajax+json简单小例子</title>
<?php
header("Content-Type:text/html;charset=utf-8");
?>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
$("#subbtn").click(function() {
var params = $("input").serialize();
var url = "02.php";
$.ajax({
type: "post",
url: url,
dataType: "json",
data: params,
success: function(msg){
/*var backdata = "您提交的姓名为：" + msg.name +
"<br /> 您提交的密码为：" + msg.password;
$("#backdata").html(backdata);
$("#backdata").css({color: "green"}); */
if(msg.name=="admin"&& msg.password=="123"){
var backdata="核对成功";
$("#backdata").html(backdata);
$("#backdata").css({color: "green"});
}else{
alert("核对失败");
}
}
});
});
});
</script>
</head>
<body>
<p><label for="name">姓名：</label>
<input id="name" name="name" type="text" />
</p>
<p><label for="password">密码：</label>
<input id="password" name="password" type="password" />
</p>
<span id="backdata"></span>
<p><input id="subbtn" type="button" value="提交数据" /></p>
</body>
</html>
/******************************php****************************************************/
<?php
//echo json_encode($_POST);
if(isset($_POST['username'])){
$uname=trim($_POST['username']);
if($uname=='admin'){
exit('1');
}else{
exit('0');
}
}
?>
类似资料：