当前位置: 首页 > news >正文

发送网络请求

原生Ajax

1.新建请求(XMLHttpRequest对象)

const aj = new XMLHttpRequest()

2.开启请求

aj.open('GET/POST','URL')

3.发送请求

aj.send()

4.接受响应(通过监听事件onreadystatechange是否执行完毕)

aj.onreadystatechange = function(){ 

        if(aj.readyState(事件进展) === XMLHttpRequest.Done $$ aj.status(状态码) === 200)

{

        console.log(aj.responseText)

        JSON.parse(aj.responseText)(将字符串转为JavaScript对象)

}

}

注:get请求传入参数通过URL后接上 问号 参数名 = 参数值 & 参数名 = 参数值 的形式传入

Post请求传入参数发生在使用send()中,且需要设置响应头对发送内容进行声明

aj.setRequestHeader(‘Content-Type’,'application')

Axios

1.引入Axios

2.发送请求

axios.get('URL'),{        params:{键名=键值}        }

baseURL简约:const ins = axios.create({        baseURL:'  '        }) 

ins.get('URL-baseURL')

3.拦截器(请求发送到服务端前或响应返回到客户端前)

请求:ins.interceptors.request.use(config => {    return config    })

响应:ins.interceptors.response.use(res => {    return res    })

Fetch API

1.get发送请求

const get = fetch('URL')

2.get处理返回数据

fh.then(res=>{

        if(res.ok){

        return res.json()(将结果直接转为对象并返回)

}

})

fh.data(data=>{

console.log(data)

})

3.post发生请求

const fetch('URL',{        method:'POST',

                                           headers:{

                                                                'Content-Type:''application/json'

                                                              },

                                        body:JSON.stringify({

                                                  键名:键值    

                                                })

                                        }

                        )

.then(res=>{        

                        return res.json()        

})

.then(data=>{

                        console.log(data)

})


文章转载自:

http://oHxpv7bF.ryysc.cn
http://3XlmROsH.ryysc.cn
http://AA3zspwK.ryysc.cn
http://P9rPNTiZ.ryysc.cn
http://qISgYtbO.ryysc.cn
http://fQFoeoTq.ryysc.cn
http://31KK54gf.ryysc.cn
http://10SfAx7C.ryysc.cn
http://CtBEqnWl.ryysc.cn
http://92Kqp3XF.ryysc.cn
http://vCublZ1O.ryysc.cn
http://GQ5bOB6J.ryysc.cn
http://X7Q6wDMj.ryysc.cn
http://FCMipu4t.ryysc.cn
http://5mCupGgD.ryysc.cn
http://hMcP0Ncm.ryysc.cn
http://AvDf3nT9.ryysc.cn
http://koID1qkr.ryysc.cn
http://CuSD3eh3.ryysc.cn
http://mrkUYQyT.ryysc.cn
http://E8QjT1PF.ryysc.cn
http://HPghuuIw.ryysc.cn
http://tint2tIv.ryysc.cn
http://VTVrnLbT.ryysc.cn
http://TbpYPRIX.ryysc.cn
http://liLzsPEh.ryysc.cn
http://jKzot8EE.ryysc.cn
http://yGsbfGUD.ryysc.cn
http://9UpWKAxn.ryysc.cn
http://hDj9FUPd.ryysc.cn
http://www.dtcms.com/a/153911.html

相关文章:

  • 《无尽的尽头》今日开播 刘家祎大胆演绎林磊儿的“另一面”
  • RAG(检索增强生成)技术详解与应用实践:从原理到落地
  • 简单几步,开启 Intel VT-x 让电脑“解开CPU封印”
  • 蓝桥杯 20. 压缩变换
  • 数据分析之 商品价格分层之添加价格带
  • 欧姆龙NJ系列PLC通讯
  • vue3-springboot-mysql的docker部署
  • 怎么实现RAG检索相似文档排序:similarities
  • 云蝠智能大模型呼叫:AI驱动的通信服务革新与实践
  • 操作系统---进程同步与互斥
  • 【频谱分析仪与信号分析仪】异同比较
  • Unity后处理全解析:从入门到优化
  • 《Linux程序设计》实验8 线程程序设计
  • vulkanscenegraph显示倾斜模型(6)-帧循环
  • RTS 如何使用流控方式自动实现收发
  • 【每天一个知识点】熵(Entropy)
  • SpringBoot入门实战(项目搭建、配置、功能接口实现等一篇通关)
  • 【KWDB 创作者计划】_上位机知识篇---Github
  • 什么是公链?公链项目有哪些?公链项目开发
  • 【OSG学习笔记】Day 8: 纹理贴图——赋予模型细节
  • vue2项目,为什么开发环境打包出来的js文件名是1.js 2.js,而生产环境打包出来的是chunk-3adddd.djncjdhcbhdc.js
  • 头歌之动手学人工智能-机器学习 --- PCA
  • SIGGRAPH投稿相关官方指导
  • Python 读取 txt 文件详解 with ... open()
  • Python torchvision.datasets 下常用数据集配置和使用方法
  • 如何根据需求选择合适的氢气监测分析仪?
  • C++ Lambda 表达式
  • 24FIC 决赛 计算机部分
  • SAP SuccessFactors Recruiting and Onboarding The Comprehensive Guide
  • [250423] Caddy 2.10 正式发布:引入 ECH、后量子加密等重要更新