首页 > 其他分享 >使用axios来发送ajax请求 post

使用axios来发送ajax请求 post

时间:2022-10-17 15:23:41浏览次数:58  
标签:axios console log ajax post response 请求

 

 

 

 

 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<!-- 引入axios库 -->
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head>
<body>
<script type="text/javascript">
// axios.post axios发送post请求
// const常量 res1为Promise对象,axios可执行异步请求,发送请求的时候


// post请求传递josn参数
let params = {
user :"python01",
pwd : "lemonban"
}
// then方法和catch方法是有区别的:then方法既可以用来处理成功状态,
// 也可以用来处理失败状态,而catch方法则是then方法的特例,即专门用来处理失败状态
axios.post('http://127.0.0.1:5000/api/user/login',params).then(
function(response){
// 请求成功时执行
console.log('请求成功2:',response)
// 获取响应状态码
console.log('响应状态码:',response.status)
// 获取响应体内容
console.log('响应体内容:',response.data)
}).catch(function(error){
console.log('请求失败2:',error)
console.log('请求失败具体信息2:',error.response)
})
</script>
</body>
</html>

标签:axios,console,log,ajax,post,response,请求
From: https://www.cnblogs.com/mxcl/p/16799294.html

相关文章

  • 使用axios来发送ajax》get请求
    <!DOCTYPEhtml><html> <head> <metacharset="utf-8"> <title></title> <!--引入axios库--> <scriptsrc="https://unpkg.com/axios/dist/axios.min.js"></script> ......
  • 【postman简介】
    前言:公司现在开发的项目,一个教育的平台,采用前后端分离技术,前端采用angular4,后端采用dubbo+zookeeper+springMVC+mybatis,现在进入前后端整合阶段,后端contrler进行测试时,采用......
  • 数据库选型思考(PostgreSQL,MySQL,Oracle)
    背景https://www.enterprisedb.com/blog/postgresql-vs-mysql-360-degree-comparison-syntax-performance-scalability-and-features数据库选型是一件很大的事情,也是一件......
  • 数据库选型思考(PostgreSQL,MySQL,Oracle)
    背景https://www.enterprisedb.com/blog/postgresql-vs-mysql-360-degree-comparison-syntax-performance-scalability-and-features数据库选型是一件很大的事情,也是一件......
  • 数据库选型思考(PostgreSQL,MySQL,Oracle)
    背景https://www.enterprisedb.com/blog/postgresql-vs-mysql-360-degree-comparison-syntax-performance-scalability-and-features数据库选型是一件很大的事情,也是一件......
  • vue接口请求(get和post)
    get路由带参数(无参数也参照此写法,替换接口地址就行)this.axios({method:'get',headers:{'Content-Type':'application/json;chars......
  • <video>poster属性不生效问题
    结论:76版本(至少)之前的Chrome,<video>poster属性只在created中生效需求描述:输入视频分:秒格式【00:00】,视频封面显示为输入时间的视频截图方案:由输入分:秒修改为增加截取按......
  • ajax - 初步介绍
    进入ajax了,想要进入vue还有一个前提就是要把ajax给熟悉一下,看一看客户端与服务器之间是怎么一个通信的过程,第一天主要是先了解了一下ajax的一些介绍,ajax嘛,在进入之前,肯定是......
  • Axios笔记
    axios笔记基本知识axios返回的是一个promise对象axios将服务器返回结果自动json解析变成对象形式请求拦截器和响应拦截器请求拦截器中可以对config请求参数进行修改......
  • 接口测试工具-Postman使用详解
    前公司有个说法叫做狗粮环境,什么叫做狗粮环境,就是搭建环境自己测试自己的代码,算法很多时候写好后是通过restful接口对外使用,接口测试就要引出一个利器-Postman.1、安装postm......