封装原生js的http请求方法

// 封装接口请求方法
			const getJSON = function(data) {
				const promise = new Promise(function(resolve, reject) {
					const handler = function() {
						if (this.readyState !== 4) {
							return
						}
						if (this.status === 200) {
							resolve(this.response)
						} else {
							reject(new Error(this.statusText))
						}
					}
					const client = new XMLHttpRequest()
					if (data.type === 'POST') {
						client.open('POST', data.url)
						client.onreadystatechange = handler
						client.setRequestHeader('Content-Type', 'application/json')
						const params = data.params
						client.send(JSON.stringify(params))
					} else {
						client.open('GET', data.url)
						client.onreadystatechange = handler
						client.send()
					}
				})
				return promise
			}

使用方法 :GET

const url = `${baseUrl}/xxx/xxx?${paramsStr}`
				getJSON({
					url
				}).then(res => {
					const dataRes = JSON.parse(res)

				})

使用方法 :POST

const url = `${baseUrl}/xxx/xxx`
				getJSON({
					url,
					params: {
						id:123,
						name:222
					},
					type: 'POST'
				}).then(res => {
					const dataRes = JSON.parse(res)
				})

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值