XMLHttpRequest、fetch的ajax请求

// XMLHttpRequest请求
function xhr (url, data) {var xhr = new XMLHttpRequest()if (xhr) {xhr.open('POST', url, true) // 默认为异步true、同步为falsexhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded')xhr.send(data) // 需要传递的参数xhr.onreadystatechange = function() {// 0：未初始化。尚未调用open()方法。// 1：启动。已经调用open()方法，但尚未调用send()方法。// 2：发送。已经调用send()方法，但尚未接收到响应。// 3：接收。已经接收到部分响应数据。// 4：完成。已经接收到全部响应数据，而且已经可以在客户端使用了。if (xhr.readyState == 4) {if (xhr.status == 200) {console.log(xhr.responseText)}}}}
}
xhr('https://www.baidu.com', {})// fetch请求
function fth (url, data) {fetch(url, {method: 'POST', // 请求方法GET、POST、PUT、DELETE、HEADbody: data, // 提交的数据mode: 'cors', // 跨域设置cors、no-cors、same-originredirect: "follow", // 重定向设置follow、error、manualheaders: {'Accept': 'application/json'},cache: 'default' // 缓存模式default、reload,、no-cache}).then(function(res) { return res // 使用return后可以链式书写}).then(function(res) {console.log(res)}).catch(function (err) {console.log(err)})
}
fth('https://www.baidu.com', {})

转载于:https://www.cnblogs.com/huangtonghui/p/9206741.html

XMLHttpRequest、fetch的ajax请求相关推荐

fetch 发送 AJAX请求
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
Fetch发送网络请求
1. 文档 https://github.github.io/fetch/ https://segmentfault.com/a/1190000003810652 2. 特点 fetch: 原生函数, ...
基于浏览器的http普通请求与ajax请求
发起一个http请求,可以通过浏览器,也可以通过程序去发起.通过程序去发起http请求(比如java中HttpURLConnection),只要是http层的东西都是能够伪造的,当然大部分还是伪造he ...
java过滤器重定向_解决ajax请求过滤器重定向不跳转 (过滤器)
最近写的一个servlet过滤器,用于拦截请求,判断用户是否登录. 写好后发现一个问题,当我直接在浏览器地址栏里输入地址,可以跳转页面:当点击按钮时,过滤器代码正常执行,但是页面没有跳转:是因为按钮都 ...
Ajax请求，JQuery发送请求，Axios请求，Fetch请求总结
常见的请求方式 1.Ajax请求定义: 同步与异步的区别: Ajax的工作原理: 实现AJAX的基本步骤: Get请求: Post请求: 2.JQuery发送请求 Get请求: Post请求: 3. ...
fetch基于ajax,fetch与ajax（XMLHttpRequest）相比
前言 ES6中新增了一种HTTP数据请求的方式,就是fetch,它和XMLHttpRequest有许多相似的功能,但是相比XMLHttpRequest,fetch被设计成更具可扩展性和高效性.江湖上一 ...
fetch的用法ajax,Promise发送Ajax请求、fetch用法
实例方法: Document /* 基于Promise发送Ajax请求 */ function queryData(url) { var p = new Promise(function(resolv ...
dva ajax请求,dva框架使用mock.js模拟数据 + fetch请求数据
what DVA? Dva是基于Redux做了一层封装,对于React的state管理,有很多方案,我选择了轻量.简单的Dva. dva 可以很方便就使用mock.js进行数据的模拟. 只需要三步,即 ...
ajax unauthorized,七牛fetch接口抓取第三方资源（网络图片），Js写ajax请求返回error错误信息总是“Unauthorized”...
fetch请求授权失败了不知道是path拼接错误还是写的ajax请求有错误. //管理凭证 function genManageToken(accessKey, secretKey, pathAndQ ...

XMLHttpRequest、fetch的ajax请求

XMLHttpRequest、fetch的ajax请求相关推荐

最新文章

热门文章