目录
一、数组方法(红色字体为vue响应式数组方法)
- pop()
- 方法从数组中删除最后一个元素,并返回该元素的值。此方法更改数组的长度
- push()
- 方法将一个或多个元素添加到数组的末尾,并返回该数组的新长度。
- sort()
- 方法用冒泡算法对数组的元素进行排序,并返回数组。默认排序顺序是在将元素转换为字符串,然后比较它们的UTF-16代码单元值序列时构建的
- shift()
- 方法从数组中删除第一个元素,并返回该元素的值。此方法更改数组的长度。
- splice()
- 方法通过删除或替换现有元素或者原地添加新的元素来修改数组,并以数组形式返回被修改的内容。此方法会改变原数组
- unshift()
- 方法将一个或多个元素添加到数组的开头,并返回该数组的新长度(该方法修改原有数组)
- reverse()
- 方法将数组中元素的位置颠倒,并返回该数组。数组的第一个元素会变成最后一个,数组的最后一个元素变成第一个。该方法会改变原数组。
- indexOf()
- 方法返回数组中满足提供的测试函数的第一个元素的索引。若没有找到对应元素则返回-1。
二、AJAX
AJAX经典四步:
- 新建一个XMLHttpRequest对象。
- open方法表示初始化请求,此时并没有发送。
- 定义数据返回后的回调函数,里面的代码在readystatechange值改变的时候执行。
- 发送请求。
const xhr = new XMLHttpRequest() xhr.open("GET", "http://poetry.apiopen.top/sentences") xhr.responseType = "json" // 默认返回json对象 xhr.onreadystatechange = function () { if (xhr.readyState === 4) { if (xhr.status >= 200 && xhr.status < 300) { console.log(xhr.response) } else { console.log(xhr.status) } } } xhr.send()
- XMLHttpRequest()
- 对象用于与服务器交互。通过 XMLHttpRequest 可以在不刷新页面的情况下请求特定URL,获取数据。这允许网页在不影响用户操作的情况下,更新页面的局部内容。
- responseType
-
属性
responseType
是一个枚举字符串值,用于指定响应中包含的数据类型。它还允许作者更改响应类型。如果将responseType
的值设置为空字符串,则会使用text
作为默认值。 -
readyState
属性返回一个 XMLHttpRequest 代理当前所处的状态。一个 XHR 代理总是处于下列状态中的一个:
- status
-
只读属性
XMLHttpRequest.status
返回了XMLHttpRequest
响应中的数字状态码。status
的值是一个无符号短整型
。在请求完成前,status
的值为0
。值得注意的是,如果 XMLHttpRequest 出错,浏览器返回的 status 也为0。status码是标准的HTTP status codes。举个例子,status
200
代表一个成功的请求。如果服务器响应中没有明确指定status码,XMLHttpRequest.status
将会默认为200
。 -
response
-
呈现了对一次请求的响应数据。你可以使用 Response.Response() 构造函数来创建一个
Response
对象,但通常更可能遇到的情况是,其他的API操作返回了一个 Response 对象。例如一个service worker 的 Fetchevent.respondWith,或者一个简单的 GlobalFetch.fetch()。 -
send() 一定要知道是异步的
-
XMLHttpRequest.send()
方法用于发送 HTTP 请求。如果是异步请求(默认为异步请求),则此方法会在请求发送后立即返回;如果是同步请求,则此方法直到响应到达后才会返回。XMLHttpRequest.send() 方法接受一个可选的参数,其作为请求主体;如果请求方法是 GET 或者 HEAD,则应将请求主体设置为 null。如果没有使用 setRequestHeader() 方法设置 Accept 头部信息,则会发送带有
"* / *"
的Accept 头部。
注解
代码解释均来自MDN