前端

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