vue项目使用ajax

<el-button type="primary" icon="el-icon-plus" size="small" @click="openadd()">新增
</el-button> $.extend({
//ajax全局调用jsonAjax: function (options, callbackSuc, callbackErr) {options = $.extend(options, {"_r": Math.random()});$.ajax({type: options.ajaxtype,url: options.url,async: true,data: options.data,dataType: "json",success: function (data) {if ($.isFunction(callbackSuc)) callbackSuc(data);},error: function (data) {if ($.isFunction(callbackErr)) callbackErr(data);}});},
//get方法getAjax: function (param, callbackSuc, callbackErr) {param = $.extend(param, {"ajaxtype": "GET"});$.jsonAjax(param, callbackSuc, callbackErr);},
//post方法postAjax: function (param, callbackSuc, callbackErr) {param = $.extend(param, {"ajaxtype": "POST"});$.jsonAjax(param, callbackSuc, callbackErr);},
//点击事件
openadd:function(){
//参数let data={}
//调用post方法this.postAjax(this.addUser(data), (res) => {}
//调用get方法this.getAjax(this.addUser(data), (res) => {}
}})

public.jsvar setting = {
//api接口前缀www_url: "http://10.8.8.65:8082",};//addUser是调用事件名，"/User/addUser"是后端接口地址，data是参数(若没有参数，可不加)
Vue.prototype.addUser=function(data) {return {url:setting.www_url+"/User/addUser",data:data}
};

vue项目使用ajax相关推荐

六十八、完成Vue项目推荐和周末游组件，并使用Ajax发起ajax请求
@Author:Runsen 2020/10/27. 周二.今天又是奋斗的一天. 写在前面:我是「Runsen」,热爱技术.热爱开源.热爱编程.技术是开源的.知识是共享的.大四弃算法转前端,需要每天的 ...
vuex modules ajax,VUE项目爬坑---6、vuex的真正存在的意义是什么
VUE项目爬坑---6.vuex的真正存在的意义是什么一.总结一句话总结: a.[避免低效的数据传递]:当多个组件嵌套的时候,只能父子传递,那么中间的组件只能做传递数据之用,数据不是它用,它却传递 ...
vue 三、Axios (ajax 框架) 在vue 项目中的使用
前篇:ajax 与 axios的区别刚刚接触axios有好多疑惑.它和ajax有什么关系呢和区别呢?接下来一起看下: 1.区别 axios是通过promise实现对ajax技术的一种封装,就像jQu ...
vue ajax highcharts,在vue项目中引入highcharts图表的方法(详解)
npm进行highchars的导入,导入完成后就可以进行highchars的可视化组件开发了 npm install highcharts --save 1.components目录下新建一个char ...
canvas java 上传截图_在Vue项目中使用html2canvas生成页面截图并上传
使用方法项目中引入 npm install html2canvas html代码 //html代码 js代码 // 引入html2canvas import html2canvas from 'ht ...
实战：vue项目中导入swiper插件
版本选择 swiper是个常用的插件,现在已经迭代到了第四代:swiper4. 常用的版本是swiper3和swiper4,我选择的是swiper3. 安装安装swiper3的最新版本3.4.2: ...
如何管理 vue 项目中的数据？
vuex 如何管理 vue 项目的数据?这个问题似乎早已经有答案了,无非就是使用 vuex ,全局 store,整个应用维护一个超大的 Object,界面的显示情况随着超大 Object 的变化而变化 ...
创建vue项目+总结使用(跨域问题+vue 创建)
创建vue项目: -安装node.js-vue脚手架-vue create 项目名字pycharm开发vue项目-需要安装vue.js插件-setting--->plugins--->左下 ...
vue 项目常用package.json
{"name": "项目名","version": "1.0.0","description": & ...

vue项目使用ajax

vue项目使用ajax相关推荐

最新文章

热门文章