fetch 发送 AJAX请求

悠悠 2023-10-06 17:20 192阅读 0赞 
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <title>fetch 发送 AJAX请求</title>
  7. </head>
  8. <body>
  9.     <button>AJAX请求</button>
  10.     <script>
  11.         //文档地址
  12.         //https://developer.mozilla.org/zh-CN/docs/Web/API/WindowOrWorkerGlobalScope/fetch
  14.         const btn = document.querySelector('button');
  16.         btn.onclick = function(){
  18.             fetch('http://127.0.0.1:8000/fetch-server?vip=10', {
  20.                 //请求方法
  21.                 method: 'POST',
  22.                 //请求头
  23.                 headers: {
  25.                     name:'atguigu'
  26.                 },
  27.                 //请求体
  28.                 body: 'username=admin&password=admin'
  29.             }).then(response => {
  30.      //返回promise对象
  31.                 // return response.text();
  32.                 return response.json();
  33.             }).then(response=>{
  35.                 console.log(response);
  36.             });
  37.         }
  38.     </script>
  39. </body>
  40. </html>

发表评论

表情：
评论列表 （有 0 条评论，192人围观）

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

相关阅读