jQuery实现AJAX
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<script src="jquery-1.11.3.js"></script>
</head>
<body>
<input type="button" id="btn" value="load">
<script>
$("#btn").click(function(){
var json = {
name : 'zhangwuji',
pwd : 12345
}
$("#btn").load("1.php",json,function(data){
console.log(data);
});
});
</script>
</body>
</html>
<?php
$name = $_REQUEST['name'];
$pwd = $_REQUEST['pwd'];
echo "$name : $pwd";
?>
$().load(url,data,callback)方法 - 是对象方法
* url - 请求地址
* 当只传递url请求地址时:
* 已经成功实现了AJAX的异步请求
* 在代码逻辑中,并没有接收服务器端的响应
* 默认的请求类型为GET
* data - (可选)请求数据,格式必须为 { key:value }
* 问题:
* 定义Object还是符合该格式的字符串?Object
* 服务器端如何接收?
* 是用$_GET还是用$_POST?$_REQUEST
* 根据客户端的请求数据中的name进行接收,目前name指的是谁?Object中的key
* callback - (可选)回调函数
function(data){}
* 问题:该函数如何能接收服务器端的响应数据?
* 思考:考虑回调函数中是否具备形参
* 形参的名称可以自定义
* 假定该回调函数具备形参:自定义a
* 经过测试,该回调函数的确具备形参
* 该形参的作用:接收服务器端的响应数据
* 注意 - load()方法
load()方法的请求方式由是否发送请求数据决定
* GET方式 - load()方法没有发送请求数据
* POST方式 - load()方法的确发送请求数据
* 问题 - load()方法
* load()方法只能直接使用文本格式,而无法直接使用XML或JSON格式
