<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<input type="button" onclick="test();" value="提交"/>
<script type="text/javascript">
function test(){
var valid = {
username: 'taoge',
password: '123456'
};
$.ajax({
url: 'valid.php',
type: 'get',
data: valid,// 发送的数据
dataType: 'json', // 发送/接收数据的格式
success: function(data){
alert(""+data.username);
},
error: function(data){
alert("xxx"+data);
}
});
}
</script>
===========================
valid.php
注意 php 返回的数据格式: echo "{'status':'success','username':'".$username."'}"
以 JSON 的数据格式返回: 第一个参数: status 代表此次ajax请求的返回状态
其他的参数即是: 返回的数据
<?php
$username = $_REQUEST["username"];
echo "{'status':'success','username':'".$username."'}";
?>
本文介绍了一种使用jQuery简化Ajax请求的方法,通过一个简单的表单提交示例展示了如何利用Ajax进行后台验证,并处理返回的数据。具体包括了JavaScript代码组织、jQuery的Ajax方法使用及PHP后端响应设置。
1358

被折叠的 条评论
为什么被折叠?



