fetch 发送 AJAX请求

悠悠 2023-10-06 17:20 70阅读 0赞

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>fetch 发送 AJAX请求</title>
    </head>
    <body>
        <button>AJAX请求</button>
        <script>
            //文档地址
            //https://developer.mozilla.org/zh-CN/docs/Web/API/WindowOrWorkerGlobalScope/fetch
            
            const btn = document.querySelector('button');
    
            btn.onclick = function(){
         
                fetch('http://127.0.0.1:8000/fetch-server?vip=10', {
         
                    //请求方法
                    method: 'POST',
                    //请求头
                    headers: {
         
                        name:'atguigu'
                    },
                    //请求体
                    body: 'username=admin&password=admin'
                }).then(response => {
         //返回promise对象
                    // return response.text();
                    return response.json();
                }).then(response=>{
         
                    console.log(response);
                });
            }
        </script>
    </body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，70人围观）

还没有评论，来说两句吧...

相关阅读

相关 fetch 发送 AJAX请求

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

悠悠/ 2023年10月06日 17:20/ 0 赞/ 71 阅读

相关 AJAX发送网络请求-封装AJAX-Fetch发送网络请求

文章目录 1.AJAX网络请求 1.1 AJAX发送请求 1.2 XHR的状态 1.3 XHR

秒速五厘米/ 2023年09月28日 13:49/ 0 赞/ 43 阅读

相关 React项目搭配 fetch API 发起ajax请求

基于Promise规范的fetch `API`的使用 fetch的使用 > 1. 注意： fetch 无法发起`JSONP 请求` > 2. 作用：fet

淡淡的烟草味﹌/ 2023年03月12日 09:27/ 0 赞/ 10 阅读

相关防止重复发送 Ajax 请求

博客内容来至于[http://blog.csdn.net/z69183787/article/details/25405489][http_blog.csdn.net_z691

痛定思痛。/ 2022年08月14日 05:49/ 0 赞/ 196 阅读

相关 AJAX发送请求(POST方式)

AJAX请求 AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术：这里介绍一下AJAX发送请求（POST） POST比GET提交方式更

本是古典何须时尚/ 2022年05月24日 00:10/ 0 赞/ 290 阅读

相关 AJAX发送请求(GET方式)

AJAX请求 AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术：这里介绍一下AJAX发送请求（GET）首先我们看一下效果 > 当

分手后的思念是犯贱/ 2022年05月23日 23:58/ 0 赞/ 378 阅读

相关 vue 发送ajax请求

一、简介　　1、vue本身不支持发送AJAX请求，需要使用vue-resource（vue1.0版本）、axios（vue2.0版本）等插件实现　　2、axios是一

「爱情、让人受尽委屈。」/ 2022年05月17日 00:20/ 0 赞/ 298 阅读

相关 Ajax发送异步请求

简介 Ajax（Asynchronous JavaScript and XML）即异步的JS和XML，本质是使用JS提供的XMLHttpRequest对象异步地向服务

小鱼儿/ 2022年03月20日 11:58/ 0 赞/ 355 阅读

相关【Ajax】发送http请求

本文笔记基于「千古壹号」的GitHub项目：[https://github.com/qianguyihao/web][https_github.com_qianguyihao_

川长思鸟来/ 2021年12月03日 12:29/ 0 赞/ 462 阅读

相关防止重复发送ajax请求

前端代码是当输入密码个数为6个的时候，触发ajax请求，但输入很快的时候会触发多个请求，为了防止重复发送请求。 ![635261-20170504145631804-1351

比眉伴天荒/ 2021年10月26日 18:58/ 0 赞/ 411 阅读