vue使用ajax库,Vue 中使用Ajax请求

Vue 项目中常用的 2 个 ajax 库

(一)vue-resource

vue 插件, 非官方库,vue1.x 使用广泛

vue-resource 的使用

在线文档 https://github.com/pagekit/vue-resource/blob/develop/docs/http.md

下载

npm install vue-resource--save

编码

// 引入模块，注意应该在App.vue中引入和声明

import VueResource from 'vue-resource'

// 声明使用

Vue.use(VueResource)

// 通过 vue组件对象发送 ajax 请求

this.$http.get('/someUrl').then((response)=>{

//successcallback

console.log(response.data)//返回结果数据

},(response)=>{

//errorcallback

console.log(response.statusText)//错误信息

})

(二)axios

通用的 ajax 请求库, 官方推荐,vue2.x 使用广泛

axios 的使用

在线文档 https://github.com/pagekit/vue-resource/blob/develop/docs/http.md

下载

npm install axios--save

编码

// 引入模块

import axios from 'axios'

// 发送 ajax 请求

axios.get(url) .then(response=>{

//successcallback

console.log(response.data)// 得到返回结果数据

}) .catch(error=>{

console.log(error.message)//错误信息

})

vue使用ajax库,Vue 中使用Ajax请求相关推荐

【Ajax】了解Ajax与jQuery中的Ajax
一.了解Ajax 什么是Ajax Ajax 的全称是 Asynchronous Javascript And XML(异步 JavaScript 和 XML). 通俗的理解:在网页中利用 XMLHtt ...
ajax引入html_Vue中发送ajax请求的库有哪些？
一.vue-resource 在Vue中实现异步加载需要使用到vue-resource库,利用该库发送ajax(Vue官方已不再维护这个库). 1.引入vue-resource:<script ...
sweetalert 2.0 ajax,处理SweetAlert2中的AJAX返回值
我使用带有AJAX请求的SweetAlert2 Popup.一旦用户点击提交,我执行请求. 在PHP文件中,我对提交的数据进行了一些验证,根据结果,我想在SweetAlert2中为用户提供反馈作为信息 ...
【Vue.js】Vue.js组件库Element中的单选框、多选框、输入框和计数器
1.Radio 单选框基础用法由于选项默认可见,不宜过多,若选项过多,建议使用 Select 选择器. 要使用 Radio 组件,只需要设置v-model绑定变量,选中意味着变量的值为相应 Rad ...
【Vue.js】Vue.js组件库Element中的图片、回到顶部、无限滚动和抽屉
1.Image 图片图片容器,在保留原生img的特性下,支持懒加载,自定义占位.加载失败等. 基础用法可通过fit确定图片如何适应到容器框,同原生 object-fit. <div clas ...
asp接收ajax乱码_Asp中处理AJAX乱码问题总结
AJAX中的这样写法: XMLHttpReq.open('get',"getsubcategory.asp?BigClassName="+BigClassName+"&a ...
vuex ajax dev,vuex中使用ajax的话如何维护状态？
例如,我在初始化状态的时候,在action里面写了一个函数异步去获取初始化数据然后初始化vuex的状态,但是这样子的话我在组件里面就获取不了这个状态了,代码: actions export const ...
php中ajax用法,thinkphp中使用ajax
前端页面请求表单,接收返回值 ~~~ function aa() { $.get("{:u('Userspay/test')}",function(data,status) { / ...
html ajax输出表格中,使用Ajax来渲染HTML表格
其实我有一个PHP代码,这使得一台 StageREQUESTREPLY foreach($allinfool as $infool){ print(" "); print(&quo ...

vue使用ajax库,Vue 中使用Ajax请求

vue使用ajax库,Vue 中使用Ajax请求相关推荐

最新文章

热门文章