axios

服务端代码

const { request, response } = require('express');
const expres=require('express');
const app=expres();
// axios服务
app.all('/axios-server',(request,response)=>{// 设置响应头,设置允许跨域response.setHeader('Access-Control-Allow-Origin',"*");response.setHeader('Access-Control-Allow-Headers',"*");// 设置响应体const data= {name: '懿痕'};  // response.send('HELLO   JQuery ');response.send(JSON.stringify(data));});
//  4. 监听端口，启动服务
app.listen(8000,()=>{console.log('服务已经启动,8000端口监听中.....')
})

客户端代码

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>axios 发送 AJax请求</title><script crossorigin="anonymous" src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.js"></script>
</head><body><button>GET</button><button>POST</button><button>AJAX</button>
</body>
<script>const btns = document.querySelectorAll('button');// 配置 baseURL,简化路径axios.defaults.baseURL = 'http://127.0.0.1:8000';btns[0].onclick = function () {// GET axios.get('/axios-server', {// url参数params: {id: 100,vip: 8},// 请求头信息headers: {name: 'yihen',age: 18} }).then(value => { console.log(value) });}btns[1].onclick = function () {// 第二个参数为请求体，单独弄出来axios.post('/axios-server', {username: 'admin',userpassword: '123456'}, {params: {id: 2000,vip: 11},headers: {height: 180,weight: 120,},})}btns[2].onclick=function(){axios({// 请求方法method :'POST',// urlurl:'/axios-server',// url参数params:{vip:18,level:30},// 头信息headers:{a:100,b:200,},// 请求体参数data:{username:'admin',password:'admin',}}).then(response=>{console.log(response);// 响应状态码console.log(response.status);// 响应字符串console.log(response.statusText);// 响应头信息console.log(response.headers);// 响应体console.log(response.data);})}
</script></html>

Ajax速通（四）——axios相关推荐

《速通深度学习数学基础》
目录序前言第1章线性代数的基本概念 1.1 向量和深度学习 1.2 向量距离计算 1.3 向量的基本性质 1.4 矩阵的基本概念 1.5 一些特殊的矩阵第2章线性代数在深度学习中的应用 2 ...
从零开始速通百度云网盘
原文链接:CCR39のLazyNest 相信大家在网上冲浪时时常会下载一些资源.软件,如果你需要下载别人分享的资源时,就需要用到网盘. 百度云网盘由于早期在国内占据了一定规模的市场,拥有大量的资源与链 ...
云服务器带宽测速那四种方法最常见
服务器带宽测速的方法有下载测速.ping测试.第三方测速网站和路由追踪几种方法,服务器带宽网来详细说下服务器带宽测速方法: 服务器带宽测速服务器可选传统IDC,也可以选择云服务器,如阿里云.腾讯云等 ...
转载：【刘铁猛】SQL速通-《教学大纲》
博主说: 刘铁猛老师最近新开一门课程:SQL速通.围绕着这个课程有几个公开谷歌文档,(主要有四个文档:<开课通知>.<教学大纲>.<学习者指南>.<课程进度& ...
【免费直播】零基础Office速通，助您走向Word/Excel/PPT高手之路
1 关于本门课程 [课程费用] 免费 [讲师介绍] 老宋,MOS讲师,2010年获得WORD和EXCEL 2003版专家级认证,2018年获得OFFICE 2016版大师级认证,OFFICE多年实 ...
数据结构-树速通指南
数据结构-树速通指南 "速通个屁的树,去找鲁迅还差不多"--沃~兹基很抱歉本文的作者是个垃圾,一边学一边更新. 请大家当做真正的指南来看,看到啥想学的请自己指过去文章目录数 ...
AJAX和XHR和Axios和Fetch
AJAX和XHR和Axios和Fetch 部分测试代码在gitee上地址:https://gitee.com/gaohan888/node-js-learning/tree/master/ajax ...
速通JavaScript基础部分
JavaScript基础(速通) -注: 此文章会持续保持更新.并非完整. 关于JavaScript语言的简介. JavaScript(简称"JS") 是一种具有函数优先的轻量级, ...
ajax、fetch和axios的比较
AJAX.Fetch.axios AJAX AJAX可以在不更新全局的情况下更新局部页面.通过在与服务器进行数据交换,可以使网页实现异步更新. AJAX的原理就是通过XHR对象来向服务器发起异步请求, ...

Ajax速通（四）——axios

axios

服务端代码

客户端代码

Ajax速通（四）——axios相关推荐

最新文章

热门文章