备案控制台
开发者社区 开发与运维 文章 正文

Ajax-17：使用fetch函数发送ajax请求

2021-11-13 1263
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： Ajax-17：使用fetch函数发送ajax请求

基础用法

btn.onclick = function() {
    fetch('http://localhost:8000/fetch',{
        // 请求方法
        method: 'POST',
        // 请求头
        headers: {
            name: 'justin'
        },
        // 请求体
        body: {
            username: 'jusitn',
            password: 123456
        }
    }).then(value => {console.log(value);})
}
文章标签：
前端开发
关键词：
ajax请求
ajax fetch
ajax函数
ajax.js请求
ajax.js Fetch
答案命运
目录
相关文章
梦中千秋
|
18天前
|
JSON 前端开发 JavaScript
axios请求成功而$.ajax却不行排错
axios请求成功而$.ajax却不行排错
梦中千秋
15 2
你挚爱的强哥
|
18天前
|
前端开发
解决前端ajax跨域请求不携带cookie信息JSESSIONID的问题
解决前端ajax跨域请求不携带cookie信息JSESSIONID的问题
你挚爱的强哥
28 0
童小纯
|
18天前
|
XML JSON 前端开发
Ajax技术【Ajax技术详解、 Ajax 的使用、Ajax请求、 JSON详解、JACKSON 的使用 】(一)-全面详解（学习总结---从入门到深化）
Ajax技术【Ajax技术详解、 Ajax 的使用、Ajax请求、 JSON详解、JACKSON 的使用 】(一)-全面详解（学习总结---从入门到深化）
童小纯
61 1
游客g7kiuqrvkhn3g
|
18天前
|
JSON 前端开发 JavaScript
Fetch API与Ajax请求
Fetch API是JavaScript的一种新方法，用于网络请求，提供简洁的Promise-based语法和更多功能，如处理头、取消请求及跨域支持，比Ajax更强大。尽管不完全替代Ajax，尤其在老浏览器或需要底层控制时，Fetch API仍是现代浏览器中获取资源的优选工具。例如，以下代码展示了如何使用Fetch API进行GET和POST请求。
游客g7kiuqrvkhn3g
17 3
源码星辰
|
18天前
|
XML JSON 前端开发
学习Ajax使用异步对象发送请求
Ajax，全称Asynchronous JavaScript and XML（异步JavaScript和XML），是一种用于创建更好、更快以及交互性更强的Web应用程序的技术。
源码星辰
25 3
掘金防诈骗集团CEO
|
18天前
|
前端开发
AJAX发送请求方法封装和请求函数底层刨析以及axios二次封装
AJAX发送请求方法封装和请求函数底层刨析以及axios二次封装
掘金防诈骗集团CEO
38 1
她说她一如既往的爱我
|
18天前
|
XML JSON 前端开发
ajax请求js
ajax请求js
她说她一如既往的爱我
18 0
她说她一如既往的爱我
|
18天前
|
前端开发 JavaScript
ajax请求方法以及参数！
ajax请求方法以及参数！
她说她一如既往的爱我
15 0
海拥
|
18天前
|
JSON 前端开发 安全
浏览器跨域限制：为什么浏览器不能跨域发送Ajax请求？
浏览器跨域限制：为什么浏览器不能跨域发送Ajax请求？
海拥
42 0
sumith
|
18天前
|
JSON 前端开发 JavaScript
JavaScript学习 -- ajax方法的POST请求
JavaScript学习 -- ajax方法的POST请求
sumith
33 0