1、Ajax 的交互流程有哪几步?
Ajax 是异步的 JS 和 XML,通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新,这意味这可以在不重新加载整个网页的情况下,对网页的某部分进行更新 。
第一步 启动 - 创建 AJAX 对象
var xhr = new XMLHttpRequest();
第二步 open - 打开 URL 通道,并设置异步传输,参数( 方法,url,是否异步)
xhr.open('post','1.txt',true);
第三步 发送数据到服务器
xhr.send();
第四步 服务器返回内容,客户端接收返回数据并进行操作
xhr.onreadyStatuechange = function(){
if(xhr.readyState == 4){
if(xhr.status == 200){
alert(xhr.responseText);
}else{
alert('err'+ xhr.status)
}
}
}
服务器返回 readyState 属性值:
0 - 未初始化
1 - 读取中
2 - 已读取
3 - 交互中
4 - 完成
2、GET 与 POST 区别
与 POST 相比,GET 更简单也更快,并且在大部分情况下都能用 。
然而,在以下情况中,请使用 POST 请求:无法使用缓存文件( 更新服务器上的文件或数据库 );向服务器发送大量数据( POST 没有数据量限制 );发送包含未知字符的用户输入时,POST 比 GET 更稳定也更可靠 。
3、同步异步区别
同步 - 脚本会停留并等待服务器发送回复然后再继续;
异步 - 脚本运行页面继续其他进程并处理可能的回复 。
4、如何解决跨域问题 ?
协议、IP 地址、端口有一处不一样,都是不同的域,两个不同域的信息交互就是跨域 。
CORS 全称 Cross-Origin Resource Sharing,意为跨域资源共享 。当一个资源去访问另一个不同域名或者同域名不同端口的资源时,就会发出跨域请求 。如果此时另一个资源不允许其进行跨域资源访问,那么访问的那个资源就会遇到跨域问题 。
第一种方法,使用 Django 提供的 Django-cors-headers 来处理跨域;
第二种方法,使用 JSONP;
使用 Ajax 获取 json 数据时,存在跨域的限制 。不过,在 Web 页面上调用 js 的 script 脚本文件时却不受跨域的影响,JSOP 就是利用这个来实现跨域的传输 。因此,我们需要将 Ajax 调用中的 data Type 从 JSON 改为 JSONP ( 相应的 API 也需要支持 JSONP )格式 。JSONP 只能用于 GET 请求 。
第三种方法,直接修改 Django 中的 views.py 文件 。
修改 views.py 中对应 API 的实现函数,允许其他域通过 Ajax 请求数据:
def myview(request):
response = HttpResponse(json.dumps({"key": "value", "key2": "value"}))
response["Access-Control-Allow-Origin"] = "*"
response["Access-Control-Allow-Methods"] = "POST,GET,OPTIONS"
response["Access-Control-Max-Age"] = "1000"
response["Access-Control-Allow-Headers"] = "*"
return response