美文网首页
Vue中分别实现post方式和get方式提交数据

Vue中分别实现post方式和get方式提交数据

作者: 龍_1b59 | 来源:发表于2019-07-09 09:41 被阅读0次

Vue中实现post和get方式提交数据可使用Axios很方便的实现,Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。

1.安装axios
npm install --save axios
2.在main.js中引入并使用该模块,并设置域名(以后的请求都将基于该域名)
import axios from 'axios'
 
Vue.prototype.$http=axios.create({
  baseURL: 'https://www.longdatech.com',
})
3.使用post提交数据并获取返回结果
this.$http.post("/uset/login",{
  userName:'admin',
  password:'123'
}).then(res=>{
  console.log("返回结果:" + res);
  if(res.code==0){
    that.$message.success('登录成功')
  }else {
    that.$message.error('登录失败')
  }
}).catch(error=>{
  that.$message.error('登录失败')
})
4.使用get提交数据并获取返回结果
this.$http.get("/user/getUserInfo",{
  params:{
    id:'1'
  }
}).then(res=>{
  if(res.code==0){
    that.$message.success('查询成功')
  }else {
    that.$message.error(res.message||'查询失败')
  }
}).catch(error=>{
  that.$message.error('查询失败')
})
5.请求其他域名下的接口
this.$http.get("http://127.0.0.1:8888/user/check?id=1").then(function(res){
  // console.log(res.data);
},function(res){
  // console.log(res);
});

参考:[Axios介绍(https://www.kancloud.cn/yunye/axios/234845)]

相关文章

  • Vue中分别实现post方式和get方式提交数据

    Vue中实现post和get方式提交数据可使用Axios很方便的实现,Axios 是一个基于 promise 的 ...

  • Jsp 动态网页设计

    一、表单提交方式之Get和Post的区别 Get:以明文的方式通过URL提交数据,数据在URL中可以看到。提交的数...

  • get与post的区别

    表单有两种提交方式:get和post 1.get:以明文的方式通过URL提交数据,数据在URL中可以看到。提交的数...

  • html 3 form和input,get和post

    form表单 get 和post:1~数据提交方式不同,get提交URL可见,post看不见 2~get提交少量数...

  • HTML-form表单学习笔记

    一. post和get方式提交数据的区别 安全性:get提交的数据url可以看得到,post看不到,并且get提交...

  • 表单

    一. post和get方式提交数据的区别 安全性:get提交的数据url可以看得到,post看不到,并且get提交...

  • 面试总结

    1.get和post比较 1>提交方式:GET提交,请求的数据会附在URL之后;POST提交则把数据放置在HTTP...

  • html表单标签

    本文分享form表单的一些使用方法 post 和 get 方式提交数据的区别: 提交方式区别 GET请求的数据会附...

  • 这份PHP面试题,我只挑重点,且很详细

    基础篇 1 Get 和 POST 的区别 表单提交中get和post方式的区别有5点 get是从服务器上获取数据,...

  • restful风格

    get(获取)、post(添加)、delete(删除).put(修改) 表单中,提交方式只有get和post,所以...

网友评论

      本文标题:Vue中分别实现post方式和get方式提交数据

      本文链接:https://www.haomeiwen.com/subject/dbetkctx.html