vue-resource.js的get和post的正确用法

在网上看到人家写的vue-resource.js的get方法例子，

 1 new Vue({
 2 el:'body',
 3 data:{
 4
 5 },
 6 methods:{
 7 get:function(){
 8 this.$http.get('get.php',{
 9 a:1,
10 b:2
11 }).then(function(res){
12 alert(res.data);
13 },function(res){
14 alert(res.status);
15 });
16 }
17 }
18 });

开始的时候后台无论怎样都获取不到参数，原来正确get写法如下：

 1 this.$http.get('http://localhost:8393/Home/GetUsers',{
 2
 3 params: {
 4 uname1: this.uname
 5 }
 6 })
 7 .then(function (res) {
 8 //赋值给alllist数组,
 9 console.log(res.data);
10 this.adminUsers = res.data;
11 })

原来参数是要加入params:{字段1:'app',字段2:'pencil'}这个，跟踪后才能获得

而post的正确参考如下：

this.$http.post('http://localhost:8393/Home/GetUsers',{
uname1: this.uname

}, { emulateJSON: true })
.then(function (res) {
//赋值给alllist数组,
console.log(res.data);
this.adminUsers = res.data;
})

如果Web服务器无法处理编码为application/json的请求，你可以启用emulateJSON选项。启用该选项后，请求会以application/x-www-form-urlencoded作为MIME type，就像普通的HTML表单一样。

说白了post在进行数据请求时；需要填写第三个参数{emulateJSON:true}，否则后台是无法获取你传递的参数的

转载于:https://www.cnblogs.com/qkabcd/p/7407253.html

vue-resource.js的get和post的正确用法相关推荐

vue.config.js 配置参考
文章目录属性说明常用完整配置属性说明 vue.config.js是一个可选的配置文件,如果项目的 (和 package.json 同级的) 根目录中存在这个文件,那么它会被 @vue/cli-s ...
VUE-CLI可选的配置文件vue.config.js
VUE-CLI可选的配置文件 vue.config.js 整理自官方文档,仅供博文https://blog.csdn.net/qq_28550263/article/details/120633610 ...
小白的 vue.config.js 配置分析
首先,vue.config.js 文件必须要导出一个对象[涉及到模块概念] module.exports = {}; 对象属性详解 # publicPath 部署生产环境和开发环境的URL.默认值是 ...
webpack配置及vue.config.js
webpack Q:为什么要用webpack? A:1.当然是方便了开发啊,它的dev server 主力你的本地开发,只要一改代码自动构建编译完成还自动帮你刷新浏览器,这个开发体验谁用谁爽 2.减少 ...
vue引用js文件的多种方式
本文主要介绍了vue引用js文件的多种方式,本文大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下 1.vue-cli webpack全局引入jquery (1) 首先 npm inst ...
vue cli3.3 以上版本配置vue.config.js
// vue.config.js 配置说明 //官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions // 这 ...
vue.config.js配置
原作者项目地址:https://github.com/staven630/vue-cli3-config const path = require("path"); const w ...
vue.config.js多页配置
vue.config.js多页配置,具体看代码: "use strict"; const path = require("path"); var webpack ...
vue-cli3中的vue.config.js配置
vue-cli3中的vue.config.js配置我的跨域是配置通过chrome浏览器的跨域设置,前端修改跨域问题,以此解决跨域的,故没有配置代理: const path = require('pa ...

vue-resource.js的get和post的正确用法

vue-resource.js的get和post的正确用法相关推荐

最新文章

热门文章