什么是 AJAX ?
AJAX = 异步 JavaScript 和 XML。
AJAX 是一种用于创建快速动态网页的技术。
通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
AJAX基本流程操作
window.onload=function (ev) {
var btn=document.querySelector("button");
btn.onclick=function (ev1) {
var xmlhttp=new XMLHttpRequest();
//创建一个异步对象
xmlhttp.open("GET","ajax",true);
//设置请求方式(get)和请求地址(ajax)
/*
method:请求的类型 GET POST
url:文件在服务器中的位置
async:true(异步)或false(同步)默认情况下都是异步
*/
xmlhttp.send()
//发送请求
xmlhttp.onreadystatechange=function (ev2) {
//监听变化
if (xmlhttp.readyState==4){
//判断请求是否成功
if (xmlhttp.status>=200 && xmlhttp.status<300 || xmlhttp.status==304){
//处理返回结果
console.log("对了")
}
else {
console.log("错了")
}
}
}
}
}
</script>
AJAX readystate状态
存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。
0: 请求未初始化
1: 服务器连接已建立
2: 请求已接收
3: 请求处理中
4: 请求已完成,且响应已就绪
##响应实验
添加后端django视图函数
def ajax(request):
return HttpResponse("adasdas")
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-qGl3Dqgi-1599897785723)(https://i.loli.net/2020/09/11/egXKYsCnwzTcyEf.png)]
响应成功