【JavaScript】使用XMLHttpRequest发送网络请求

在前端的开发中，有时候没有一些库的支持，如jQuery，Axios。那么就只能使用js提供的原生的方法来发送请求。在这里记录一下我的使用

var url = "userInfo.do?p=4";
var xhr = new XMLHttpRequest();
xhr.open("POST", url, true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.onload = function (e) {console.log('返回了')
};
xhr.onerror = function (e) {console.error(xhr.statusText);
};
xhr.send("IP=123");

但是这种使用太过繁琐
因此可以使用Promise进行一些封装

function post(url,data){return new Promise((resolve,reject)=>{var xhr = new XMLHttpRequest();xhr.open("POST", url, true);xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");xhr.setRequestHeader('X-Requested-With','XMLHttpRequest');xhr.setRequestHeader('Accept','application/xml,text/xml,*/*; q=0.01');xhr.onload = function (e) {resolve(e)};xhr.onerror = function (e) {reject(e)};xhr.send(data)})
}
post('userInfo.do?p=4',"IP=123").then(res=>console.log('成功了'+res))

由于这里使用请求类型是application/x-www-form-urlencoded 因此send()方法中发送的请求内容
就需要是类似这种的name=js&age=18

【JavaScript】使用XMLHttpRequest发送网络请求相关推荐

网络编程-JavaScript中发送网络请求汇总
文章目录 1.前后端分离优势 2.HTTP协议的解析 2.1 HTTP的介绍 2.2 HTTP的组成 2.3 HTTP的版本 2.4 HTTP请求方式 2.5 HTTP请求头字段 2.6 HTTP响应 ...
vue如何发送网络请求，使用axios事半功倍！
目录一.axios使用 1.支持多种请求方式: 2.安装 3.简单使用实例 4.发送并发请求 5.全局配置二.axios的实例 1.为什么要创建 axios的实例呢? 2.使用三..axios模 ...
Fetch发送网络请求
1. 文档 https://github.github.io/fetch/ https://segmentfault.com/a/1190000003810652 2. 特点 fetch: 原生函数, ...
axios发送网络请求
网络模块封装选择什么网络模块传统的Ajax 缺点:配置和调用方式等非常混乱 jQuery-Ajax 缺点:在Vue整个开发中都是不需要使用jQuery的 axios axios 功能特点: 在浏览 ...
微信小程序中发送网络请求
文章目录小程序项目 app.json pages/index/index.html pages/index/index.wxss pages/index/index.js 发送网络请求网络请求函数 ...
OkHttp3 发送网络请求服务器
前言:应用程序需要发送网络请求服务器的接口,可使用OkHttp 3发送请求获取服务端数据 GitHut地址 Step 1:申请网络请求的权限:在manifests层的AndroidManifest.x ...
python 网络接口开发_Python自动化学习笔记（八）——接口开发、发送网络请求、发送邮件、写日志...
1.接口开发(flask模块) Python自动化学习笔记(七)接口开发部分的内容补充 1.1参数为json格式: flask.request.is_json #判断参数是否是json格式 flask ...
Python自动化学习笔记（八）——接口开发、发送网络请求、发送邮件、写日志...
1.接口开发(flask模块) Python自动化学习笔记(七)接口开发部分的内容补充 1.1参数为json格式: flask.request.is_json #判断参数是否是json格式 flask ...
Python发送网络请求(requests)
Python发送网络请求(requests) Python已经是广泛使用的脚本语言了,我们可以使用requests库进行网络请求. 在PyPI中搜索requests,就可以找到这个库 1. 安装 pi ...

【JavaScript】使用XMLHttpRequest发送网络请求

【JavaScript】使用XMLHttpRequest发送网络请求相关推荐

最新文章

热门文章