1、定义一个data.json数据集
{"name":"张三", "age":22, "money":480298409328}
2、向web服务器发送ajax请求
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="./main.js"></script>
<script>
// 向web服务服务器发送一个ajax请求
// 传发送的为一个JavaScript对象
$.ajax({
// 请求的资源地址,不指定ip地址与端口号请求的是自己的IP地址
url: "data.json",
// 请求方式get请求
type:"GET",
// 返回数据指定的解析格式
dataType:"JSON",
// 请求成功的函数
success:function (params) {
console.log(params);
alert(params.name)
// 数据请求回来可以绑定给html的某个控件
// 就可以实现局部刷新
},
// 请求失败的函数
error:function(){
alert("请求失败")
},
// 是否使用异步,默认使用异步请求
async:true
});
</script>
</head>
<body>
</body>
</html>
3、 .get与.post 发送方式的ajax简写
post方式请求参数要放入…中
$.get(url,data,success(data, status, xhr),dataType).error(func)
$.post(url,data,success(data, status, xhr),dataType).error(func)
1. url 请求地址
2. data 设置发送给服务器的数据, 没有参数不需要设置
3. success 设置请求成功后的回调函数
4. dataType 设置返回的数据格式,常用的是'json'格式, 默认智能判断数据格式
5.error 为失败回调函数
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="./main.js"></script>
<script>
// $.ajax({
// // 请求的资源地址,不指定ip地址与端口号请求的是自己的IP地址
// url: "data.json",
// // 请求方式get请求
// type:"GET",
// // 返回数据指定的解析格式
// dataType:"JSON",
// // 请求成功的函数
// success:function (params) {
// console.log(params);
// alert(params.name)
// // 数据请求回来可以绑定给html的某个控件
// // 就可以实现局部刷新
// },
// // 请求失败的函数
// error:function(){
// alert("请求失败")
// },
// // 是否使用异步,默认使用异步请求
// async:true
// });
// get 方式发送ajax的简写
$.get("data.json",{"name":"ls"},function(data){
alert("请求成功"+data.name);
},"JSON").error(function(){
alert("请求失败");
});
// 参数说明
/*
$.get和$.post方法的参数说明:发送get方式的ajax简写.html
$.get(url,data,success(data, status, xhr),dataType).error(func)
$.post(url,data,success(data, status, xhr),dataType).error(func)
1. url 请求地址
2. data 设置发送给服务器的数据, 没有参数不需要设置
3. success 设置请求成功后的回调函数
4. dataType 设置返回的数据格式,常用的是'json'格式, 默认智能判断数据格式
5.error 为失败回调函数
*/
</script>
</head>
<body>
</body>
</html>