AJAX = 异步 JavaScript 和 XML(Asynchronous JavaScript and XML)
就是在不刷新整个网页的情况下,异步刷新实时变化的数据。例如,浏览博客的时候,正文部分基本不改变,上部通知栏和的侧边点赞评论数据需要刷新。因此,在刷新页面时,除了博客正文,其他需要进行刷新。
在写网页的时候使用了JQuery的框架,里面用到了Ajax请求,示例代码如下:
<script src="jquery-3.3.1.js"></script>
<script>
$(document).ready(function(){
$("#btn").click(
$.ajax({
url:"http://127.0.0.1/user/info/", //请求的后端url地址
dataType:"json", //数据返回格式为json
async:true, //请求是否异步,默认为异步,这也是ajax重要特性
data:{"id":"value"}, //post方法传递给后端的数据
type:"POST", //请求方式 post get head...
contentType:'application/json;charset=utf-8',
//默认值: “application/x-www-form-urlencoded”。发送信息至服务器时内容编码类型。如果使用application/json;charset=utf-8,最好将数据转成json格式
beforeSend:function(){
//请求前的处理
},
success:function(req){
//请求成功时处理
alert("success")
console.info(data)
},
complete:function(){
//请求完成的处理
},
error:function(){
//请求出错处理
}
})
)
});
});
</script>