ajax是Asynchronous JavaScript and XML 的简写，ajax一个前后台配合的技术，它可以让javaScripty发送异步的http请求，与后台通信进行数据的获取，ajax最大的优点是实现局部刷新。当前端页面想和后台服务器进行数据交互就可以使用ajax了。
在html页面使用ajax需要在web服务器环境下运行，一般向自己的web服务器发送ajax请求
ajax使用
jquery将它封装成了一个方法$.ajax()，可以直接用这个方法执行ajax请求
提示：
启动MAC自带的本地web服务器方法
第一步：启动终端
第二步：cd 到html资源的文件夹
第三步：运行终端命令：python3 -m http.server
# 要执行ajax，那么必须启动web服务器，可以按照上方方法启动本地的web服务器
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>标签选择器css</title>
<script src="js/jquery-1.12.4.min.js"></script>
<script>
$.ajax({
// 请求的资源地址，不指定ip地址和端口号，表示请求的是自己的服务器资源数据
url:"data.json",
// 请求方式:GET,POST
type:"GET",
// 发送给web服务器的参数
// data:'{"name":"liven"}',
// 请求成功执行的函数
success:function(data){
// 数据请求回来以后，可以绑定给html中的某个标签控件，是实现局部刷新
console.log(data);
},
// 请求失败执行的函数
error:function(){
alert("服务器网络异常");
},
// 是否使用异步，默认是true，所以可以不用写
async:true
});
// 上面写法的一个简便写法
// 1. 请求地址
// 2.请求传给web服务器的参数
// 3.请求成功回调函数
// 4.返回数据的解析方式
// 5.error失败执行的回调函数
// post的请求方式是类似的
$.get("data.json",{"name":"liven"},function(data){
alert(data.name);
},"JSON").error(function(){
alert("网络异常，请求失败");
});
</script>
</head>
<body>
</body>
</html>
网友评论