ajax初窥门径 ajax基本流程

什么是 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)]
响应成功