1. get方式
语法:
$.get(url, [data], [callback], [type])
参数说明:
url 请求的地址
data 要发送给后台的数据: 要么是对象格式{key1:value1,key2:value2},要字符串拼接key1=value1&key2=value3
callback 回调函数,返回服务器端的结果
type 返回的数据的格式,xml, json, text
1. get方式代码
<script src="jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
//1. get方式 $.get(url, [data], [callback], [type])
$.get("userInfo.json", function (userData) {
console.log("get方式", userData);
}, "json");
</script>
2. post方式
语法:
$.post(url, [data], [callback], [type])
参数说明:
url 请求的地址
data 要发送给后台的数据: 要么是对象格式{key1:value1,key2:value2},要字符串拼接key1=value1&key2=value3
callback 回调函数,返回服务器端的结果
type 返回的数据的格式,xml, json, text
2. post方式代码
<script src="jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
//2. post方式 $.post(url, [data], [callback], [type])
$.post("userInfo.json", function (userData) {
console.log("post方式", userData);
}, "json");
</script>
3. ajax方法,既可以支持get,也可以支持post
.ajax({
type: "POST", //发送的方式
url: "some.php", //请求的地址
data: "name=John&location=Boston", //要发送的数据
dataType: "返回的数据类型", //xml, json, text, jsonp【跨域请求】
success: function(msg){
//请求成功的回调函数
alert( "Data Saved: " + msg );
}
});
3. ajax方法代码示例
<script src="jquery-1.11.0.js" type="text/javascript" charset="utf- 8"></script>
<script type="text/javascript">
//3. ajax通用方法
$.ajax({
type: "POST", //发送的方式
url: "userInfo.json", //请求的地址
data: "name=John&location=Boston", //要发送的数据
dataType: "json", //xml, json, text, jsonp【跨域请求】
success: function (userData) {
//请求成功的回调函数
console.log("ajax通用方法", userData);
}
});
</script>