首页 > 其他分享 >main.js

main.js

时间:2022-11-02 00:22:53浏览次数:57  
标签:contentType option js xhr main data method undefined

自定义请求
/**
 * 自定义请求
 * @param option{method,url,async,contentType,data,success}
 */
function httpClient(option){

    option.method = option.method !== undefined ? option.method : "POST"
    option.async = option.async !== undefined ? option.async : false
    option.contentType = option.contentType !== undefined ? option.contentType : "application/json"
    option.data = option.data !== undefined ? option.data : {}
    option.success = option.success !== undefined ? option.success : function (result){}

    const xhr = new XMLHttpRequest();
    xhr.open(option.method, option.url, option.async);
    xhr.setRequestHeader("Content-type", option.contentType);
    xhr.onload = function (){
        if (xhr.readyState === 4 && xhr.status === 200) {
            option.success(JSON.parse(xhr.response))
        }
    }
    xhr.send(JSON.stringify(option.data));
}

标签:contentType,option,js,xhr,main,data,method,undefined
From: https://www.cnblogs.com/ssix/p/16849672.html

相关文章

  • [JAVA]Springboot添加fastjson用于前台数据校验
    方式一,添加HttpMessageConverters实例importcom.alibaba.fastjson.support.config.FastJsonConfig;importcom.alibaba.fastjson.support.spring.FastJsonHttpMessage......
  • EL & JSTL
    EL表达式标准语法格式:${域对象别名.关键字}${requestScope.key}可用简化版:(定位顺序:pageContext-->request-->session-->application)简化语法格式:${关键字}${key}......
  • 安装node.js教程------深入使用Vue
    教程1、下载nodejs引擎网址:https://nodejs.org/en/download/选择32-bit或者64-bit都行2、下载最新版npm.zip压缩包网址:http://nodejs.org/dist/npm/3、将两者下载在......
  • 详解Three.js环境搭建与一个简单例子
    一、环境准备1.开发工具选用WebStorm,因为WebStorm自带了一个本地服务器,而Three.js的很多特性需要在服务器端才能展现。2.three.js库的下载与导入3.打开调用three.js的html的......
  • day23 JSONP讲解
    同源策略(浏览器的一种机制)概述:浏览器为了安全,他产生一种同源策略,这个策略是为了防止一些恶意的请求,保护对应的隐私。同源策略主要是对应三个内容分别为同协议(http/h......
  • Javascript笔记 - JS中的函数
    函数目录函数1.函数的声明与定义2.方法3.作用域全局作用域函数作用域声明提前4.构造函数instanceof5.call()和apply()6.this和argumentsthisarguments1.函数的......
  • JavaScript笔记 - JS和html代码的结合方式
    JavaScript和html代码的结合方式方式一在head标签或body标签中,使用script标签来书写JavaScript代码<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF......
  • Javascript笔记 - JS中的变量
    变量目录变量1.变量基础2.强制类型转换3.关系运算1.变量基础JS是一门弱类型语言,这意味变量的类型不是固定的,变量可以随时从一种类型转换为另一种类型vari=1;......
  • Javascript笔记 - JS中的对象
    对象目录对象1.对象的声明与定义2.原型对象3.枚举对象中属性特殊属性值in运算符hasOwnProperty方法for...in语句1.对象的声明与定义显式声明对象并逐个定义属性......
  • day23 同源策略及JSONP
     同源策略(浏览器的一种机制)概述:浏览器为了安全,产生的一种同源策略,这个策略是为了防止一些恶意的请求,保护用户的隐私.同源策略主要有三个内容,分......