当前位置: 首页 > 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://www.xdnf.cn/news/127819.html

相关文章:

  • Linux用户管理实战:创建用户并赋予sudo权限的深度解析
  • LLM 大模型快速入门
  • 直观讲解生成对抗网络背后的数学原理
  • 雷军缺席上海车展引猜测,小米回应:时间冲突 造车计划稳步推进
  • 【刷题Day25】用户态和内核态、Reactor、虚拟内存(浅)
  • 《100天精通Python——基础篇 2025 第2天:Python解释器安装与基础语法入门》
  • 部署本地知识库,怎么选择 vllm 和 langchain_ollama
  • 打破“沙漏“现象→提高生成式搜索/推荐的上限
  • SpringBoot自定义拦截器以及多个拦截器执行顺序
  • 前端算法Hot 100 _二分查找
  • HTB - BigBang靶机记录
  • C++学习:六个月从基础到就业——STL算法(三)—— 数值算法(上)
  • 深入理解表单---提交用户与网页交互的重要方式:GET 与 POST 的本质区别与应用实践
  • 【C++】入门基础【下】
  • 信息系统项目管理工程师备考计算类真题讲解八
  • rabbitmq安装项目集成
  • 智能清洁机器人中的实时操作系统应用研究
  • Android学习总结之扩展基础篇(一)
  • 动手试一试 Spring Boot默认缓存管理
  • 中央对齐模式1 2与更新中断
  • Apifox 4月更新|Apifox在线文档支持LLMs.txt、评论支持使用@提及成员、支持为团队配置「IP 允许访问名单」
  • 使用setGraphicsEffect重新设置阴影导致程序崩溃的问题
  • SAP SuccessFactors Recruiting and Onboarding The Comprehensive Guide
  • 【oql】spark thriftserver内存溢出,使用oql查询导致oom的sql
  • 覆盖纸(Overlay Paper):装饰材料领域的“隐形冠军”
  • 每日一练(4~24):互质的数【省模拟赛】
  • 【python】解释builtin.py函数为何全是pass
  • Kaamel白皮书:Model Context Protocol (MCP) 隐私安全最佳实践
  • AGP8+ fullMode 完全模式混淆闪退
  • MAC地址攻击和ARP攻击的原理及解决方法