首先得了解什么是跨域以及为什么会导致跨域？ 跨域是由浏览器的同源策略造成的，是一种针对浏览器的安全限制，即不同源的页面之间不能相互访问。 同源策略是指请求双方的协议、域名、端口都要相同，有一个不同就会产生跨域。同时，跨域只针对请求方式为xhr类型的请求。 了解了跨域产生的根本原因我们才能给出针对性的 ...
分类：
其他好文 时间：
2020-03-23 16:39:54
阅读次数：
67
通过XHR实现Ajax通信的一个主要限制，来源于跨域安全策略，默认情况下XHR对象只能访问与包含它的页面位于同一个域中的资源。这种安全策略可以预防某些恶意行为。但是，实现合理的跨域请求对于开发某些浏览器的应用也是非常important的。 CORS（Cross-Origin Resource Sha ...
分类：
其他好文 时间：
2020-03-22 13:59:08
阅读次数：
52
上传文件 我们通过File API 能够访问到文件内容，然后把文件内容放到send（）方法中，再通过POST请求，的确很容易就能实现上传。但这样做传递的是文件内容，因而服务器还得收集提交的内容，然后保存到另外一个文件中。其实，更好的做法是以表单提交方式来上传文件。 表单方式上传？没错！formDat ...
分类：
Web程序 时间：
2020-03-22 13:50:11
阅读次数：
100
axios/fetch和ajax的区别： ajax： + ajax本身是针对mvc编程，不符合现在前端mvvm的浪潮 + 基于原生XHR开发，XHR本身的架构不清晰 + 不符合关注分离的原则 + 配置和调用方式非常混乱，而且基于事件的异步模型不友好 axios： + 从浏览器中创建xmlhttpre ...
分类：
移动开发 时间：
2020-03-21 21:24:04
阅读次数：
81
1.关于抓包： 1）使用Chrome.exe F12开发者工具抓包需要勾选Preserve log 过滤器通常可以勾选XHR，Font，DOC，WS，Manifest，other。去除了一些音频等无用的 Postman中的Params中的键值对是url中的参数 抓包拿到的Form data是请求体 ...
分类：
其他好文 时间：
2020-03-11 12:33:51
阅读次数：
81
1.AJAX AJAX 就是浏览器提供的一套 API，可以通过 JavaScript 调用，从而实现通过代码控制请求与响应。实现 网络编程。 2.readyState readyState 状态描述 说明 0 UNSENT 代理（XHR）被创建，但尚未调用 open() 方法。 1 OPENED o ...
分类：
Web程序 时间：
2020-03-10 21:51:25
阅读次数：
76
AJAX完全依赖于XMLHttpRequest对象 GET请求 // 创建xhr对象 var xhr = new XMLHttpRequest(); // 监听xhr对象 xhr.onreadystatechange = function() { if (xhr.readyState == 4) { ...
分类：
Web程序 时间：
2020-03-05 13:46:19
阅读次数：
89
第21章 Ajax 与 Comet 21.1 XMLHttpRequest 对象 21.1.1 XHR的用法 21.1.2 HTTP 头部信息 21.1.3 GET请求 21.1.4 POST请求 21.2 XMLHttpRequest 2级 21.2.1 FormData 21.2.2 超市设定 ...
分类：
Web程序 时间：
2020-02-29 20:15:30
阅读次数：
74
AJAX传输 例：const xhr = new XMLHttpRequest(); // 此方法因为状态改变被调用多次，实测执行三次（1->2->4） xhr.onreadystatechange = () => { if (xhr.readystate 4 && xhr.status 200) ...
分类：
Web程序 时间：
2020-02-22 15:40:13
阅读次数：
97
曲名：太陽系デスコ 作者：ナユタン星人 / 初音ミク 1 [00:00.850]あの一等星のさんざめく光で 2 [00:04.600]あなたとダンスを踊ろうか 3 [00:07.230]我が太陽系の鼓動に合わせて 4 [00:10.960]絡まったステップで綺羅めいて、星ッ！ 5 [00:14.27 ...
分类：
其他好文 时间：
2020-02-19 19:04:23
阅读次数：
54
