大家好，今天我来分享一项JavaScript的实战技巧，即如何在JS中使用Ajax进行异步请求，让你的网页速度瞬间提升。Ajax是一种在不刷新整个网页的情况下与服务器进行数据交互的技术，可以实现异步加载数据，提升用户体验。下面我将详细介绍如何使用Ajax进行异步请求，让你的网页变得更加高效。

步骤一：创建XMLHttpRequest对象

首先，我们需要创建一个XMLHttpRequest对象，用于发送和接收数据。可以使用以下代码来创建XMLHttpRequest对象：

/*

* Ajax的核心操作对象是xmlHttpRequest

*/

实例化对象

考虑到兼容问题,非IE5/IE6 使用 => new XMLHttpRequest;

IE5/IE6使用 => new ActiveXObject(Microsoft.XMLHTTP); 神呐，请带走IE吧！

并且减轻服务器的负担，ajax的原则是“按需取数据”，可以最大程度的减少冗余请求，和响应对服务器造成的负担

一，AJAX有哪些有点和缺点？

JavaScript

跨域的方式有哪些，为什么需要跨域，同源策略拦截客户端请求还是服务器响应

之所以需要跨域，是因为浏览器同源策略的约束，面对不同源的请求，我们无法完成，这时候就需要用到跨域。同源策略拦截的是跨源请求，原因：CORS缺少
Access-Control-Allow-Origin头

为了执行Javascript，需要在HTML文件内以特定的方式书写JavaScript的代码，JavaScript的书写方法有多种，其执行的流程也各不相同：

1 <script>标签嵌入

此种嵌入方法无法操作<script>之后的DOM元素。因为<script>之后的DOM元素还未构造，因此在<script>标签内就无法取得位于其后的DOM元素。

1、ajax是什么?

asynchronous javascript and xml :异步的 javascript和xml。
ajax是用来 改善用户体验的一种技术，其本质是利用浏览器内置的一个特殊的对象(XMLHttpRequest,一般称之为ajax对象)异步地(当ajax对象向服务器发请求时，浏览器不会销毁当前页面, 用户仍然可以对当前页面做其它的操作)向服务器发请求。然后， 利用服务器返回的部分数据(服务器并不会返回一个新的完整的页面,只返回少量的数据)更新当前页面。 整个过程页面无刷新，不打断用户的操作。

01.数组扁平化

数组扁平化是指将一个多维数组变为一个一维数组

const arr = [1, [2, [3, [4, 5]]], 6];
// => [1, 2, 3, 4, 5, 6]
复制代码

分片上传是将大文件分成多个小文件进行上传，每个小文件的大小通常为1MB到10MB。上传时，将每个小文件分别上传到服务器，服务器再将这些小文件合并成一个完整的大文件。这种方法可以提高上传速度，减少上传失败的可能性。

分片上传

分片上传是将大文件分成多个小文件进行上传，每个小文件的大小通常为1MB到10MB。上传时，将每个小文件分别上传到服务器，服务器再将这些小文件合并成一个完整的大文件。这种方法可以提高上传速度，减少上传失败的可能性。

大家好，很高兴又见面了，我是"

作者：wuwhs

转发链接：
https://segmentfault.com/a/1190000023486410

前言

公司的移动端业务需要在用户上传图片是由前端压缩图片大小，再上传到服务器，这样可以减少移动端上行流量，减少用户上传等待时长，优化用户体验。前段时间小编也发布一篇关于《