Question

JSZipUtils如何处理跨域访问

JSZipUtils中的url如何处理跨域问题，如果请求文件是通过ajax后台访问时，前端JSZip接收的类型是什么？怎么获取显示？

Answer 1

一、原生JS实现ajax
第一步获得XMLHttpRequest对象
第二步：设置状态监听函数
第三步：open一个连接，true是异步请求
第四部：send一个请求，可以发送一个对象和字符串，不需要传递数据发送null
第五步：在监听函数中，判断readyState=4&&status=200表示请求成功
第六步：使用responseText、responseXML接受响应数据，并使用原生JS操作DOM进行显示
var ajax = new XMLHttpRequest();
ajax.onreadystatechange = function(){
console.log(ajax.readyState);
console.log(ajax.status);
if(ajax.readyState==4 && ajax.status==200){
console.log(ajax.responseText);
console.log(ajax.responseXML);//返回不是XML，显示null
console.log(JSON.parse(ajax.responseText));
console.log(eval("("+ajax.responseText+")"));
}
}
ajax.open("GET","h51701.json",true);
ajax.send(null);
二、ajax的跨域请求
[跨域请求处理]由于在JS中存在同源策略。当请求不同协议名，不同端口号，不同主机名下面的文件时，将会违背同源策略，无法请求成功！需要进行跨域处理！
1、后台PHP进行设置：
前台无需任何设置，在后台被请求的PHP文件中，写入一条header。
header("Access-Control-Allow-Origin:*");//表示允许