如何通过长尾词优化VUE与服务器之间的交互体验？
- 内容介绍
- 文章标签
- 相关推荐
本文共计293个文字，预计阅读时间需要2分钟。
Vue的上传服务代码，使用Ajax（axios）和jQuery来链接接口（先安装好jQuery）：
javascript// 获取数据$.ajax({ url: '接口路径', dataType: 'json', success: function(data) { console.log(data); }});
// 传递参数$.ajax({ url: '接口路径', data: { // 参数列表 }, dataType: 'json', success: function(data) { console.log(data); }});
一、通过jq的ajax来链接接口(先安装好jquery) //获取数据 $.ajax({ url: '接口路径', dataType: 'json', success: function (data) { console.log(data) } }) //传递参数 $.ajax({ url: '接口路径', //数据 data: {'shopnum': 333}, type: 'GET', dataType: 'json', success: function (data) { console.log(data) } }) 二、通过$http来连接接口 1.先要安装axios、vue-axios 2.在main.js（可以在其它页面）引用axios、vue-axios import axios from 'axios' import VueAxios from 'vue-axios' Vue.use(VueAxios, axios) 3.在.vue使用 1>没有参数的获取 his.$http.get('接口路径').then(function (data) { //返回的数据 console.log(data) }) 2>需要传参 this.$http.get('接口路径', {params: {username: data}}).then(function (data) { //返回的数据 console.log(data) }) 三、通过jq的ajax(这个能对上传有效) var fa = new FormData() fa.append('file', e.target.files[0]) $.ajax({ url: '接口路径', type: 'GET', data: fa, processData: false, contentType: false }).done(function (res) { console.log('上传成功！') //初始化input[type='file'],可以重复上传 e.target.value = '' })
本文共计293个文字，预计阅读时间需要2分钟。
Vue的上传服务代码，使用Ajax（axios）和jQuery来链接接口（先安装好jQuery）：
javascript// 获取数据$.ajax({ url: '接口路径', dataType: 'json', success: function(data) { console.log(data); }});
// 传递参数$.ajax({ url: '接口路径', data: { // 参数列表 }, dataType: 'json', success: function(data) { console.log(data); }});
一、通过jq的ajax来链接接口(先安装好jquery) //获取数据 $.ajax({ url: '接口路径', dataType: 'json', success: function (data) { console.log(data) } }) //传递参数 $.ajax({ url: '接口路径', //数据 data: {'shopnum': 333}, type: 'GET', dataType: 'json', success: function (data) { console.log(data) } }) 二、通过$http来连接接口 1.先要安装axios、vue-axios 2.在main.js（可以在其它页面）引用axios、vue-axios import axios from 'axios' import VueAxios from 'vue-axios' Vue.use(VueAxios, axios) 3.在.vue使用 1>没有参数的获取 his.$http.get('接口路径').then(function (data) { //返回的数据 console.log(data) }) 2>需要传参 this.$http.get('接口路径', {params: {username: data}}).then(function (data) { //返回的数据 console.log(data) }) 三、通过jq的ajax(这个能对上传有效) var fa = new FormData() fa.append('file', e.target.files[0]) $.ajax({ url: '接口路径', type: 'GET', data: fa, processData: false, contentType: false }).done(function (res) { console.log('上传成功！') //初始化input[type='file'],可以重复上传 e.target.value = '' })