前端使用js发起http请求的几种方法

通用的一些流程
要判断http返回码
要判断body里面业务返回码
是否能够跨域
是否能够携带Cookie

常用的方法有fetch, ajax, axios, XMLHttpRequest，request，下面有具体介绍

fetch
https://scotch.io/tutorials/how-to-use-the-javascript-fetch-api-to-get-data

fetch(url) // Call the fetch function passing the url of the API as a parameter
.then(function() {// Your code for handling the data you get from the API
})
.catch(function() {// This is where you run code if the server returns any errors
});

axios

axios.post('/user', {firstName: 'Fred',lastName: 'Flintstone'}).then(function (response) {console.log(response);}).catch(function (error) {console.log(error);});

ajax

 $.ajax({type: "GET",url: "test.json",data: {username:$("#username").val(), content:$("#content").val()},dataType: "json",success: function(data){console.log(data)}});

XMLHttpRequest
细节使用 https://developer.mozilla.org/zh-CN/docs/Web/API/XMLHttpRequest

let xhr = new XMLHttpRequest();
xhr.open('GET', '/url', true);
xhr.send();

request

const request = require('request');
request('http://www.google.com', function (error, response, body) {console.error('error:', error); // Print the error if one occurredconsole.log('statusCode:', response && response.statusCode); // Print the response status code if a response was receivedconsole.log('body:', body); // Print the HTML for the Google homepage.
});

一种比较可行的方案是在utils里面把请求处理到json层次，然后业务层次只要判读json里面的业务码就好了。
因为一个项目，origin固定，path传参数，post方法可以固定，header头可以可固定，body传参数

问题：
Cross-Origin Read Blocking (CORB) blocked cross-origin response

前端使用js发起http请求的几种方法相关推荐

模拟发起http请求的几种方法
如何使用http协议调用服务器端的服务. 在日常工作中很多时候我们会需要测试自己提供出来的方法, 很多时候一些方法跨平台提供给第三方使用,一般与服务器通信协议都选择http协议, 建议可以去仔细学习一 ...
Vue3（撩课学院）笔记09-axios简介，发起get请求的两种方式，发起带参的get及post请求，发起并发请求，并发请求结果将数组展开，axios全局配置，axios配置及封装，请求和响应拦截
1.axios简介 axios是基于promise可以用于浏览器和node.js的网络请求库,在服务器端使用原生node.js,在浏览气短使用ajax(即XMLHttpRequests) 2.axio ...
iOS: JS和Native交互的两种方法，iosjsnative交互
iOS: JS和Native交互的两种方法,iosjsnative交互背景: UIWebView: iOS 用来展示 web 端内容的控件. 1. 核心方法: - (NSString*)string ...
【javascript基础——系列10】js中隐藏元素的几种方法以及代码
系列文章 [javascript基础--系列1]前端页面ajax连接后台服务器传输数据 [javascript基础--系列2]前端页面axios连接后台服务器传输数据 [javascript基础--系 ...
http 请求的7 种方法
http 请求的7 种方法 1.get 2.post 3.put 4.delete 5.head 6.trace 7.opinions head 请求和 get请求类似,但是服务器只响应首部,不会返回 ...
js中当等于最小值是让代码不执行_网页中JS函数自动执行常用三种方法
本文为大家分享了在网页中JS函数自动执行常用方法,供大家参考,具体内容如下一.JS方法 1.最简单的调用方式,直接写到html的body标签里面: 2.在JS语句调用: function myfun ...
php发送post请求的三种方法
这篇文章主要介绍了php发送post请求的三种方法,分别使用curl.file_get_content.fsocket来实现post提交数据,需要的朋友可以参考下 class Request{ pub ...
js实现阶乘算法的三种方法
js实现阶乘算法的三种方法 // 非递归写法 function f(n) {if (0 === n) {return 1;}let res = 1;for (let i = 1; i <= n; ...
js刷新页面有哪几种方法
js刷新页面有哪几种方法一.总结一句话总结:location属性的reload方法即可:document.location.reload() 1.页面刷新有哪常见的8种方法? 1,history. ...

前端使用js发起http请求的几种方法

前端使用js发起http请求的几种方法相关推荐

最新文章

热门文章