我是vue新手，我似乎可以在Vue中获得this.$http.get('url'，function(data))的响应 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

开心档-软件开发入门之Vue.js Ajax(vue-resource)

vue-resource/1.5.1/vue-resource.min.js">Get 请求以下是一个简单的...Get 请求实例，请求地址是一个简单的 txt 文本：实例window.onload = function(){ var vm = new Vue({ el:'#box',...} } });}如果需要传递数据，可以使用 this....$http.get('get.php',{params : jsonData}) 格式，第二个参数 jsonData 就是传到后端的数据。this....>语法 & API你可以使用全局对象方式 Vue.http 或者在一个 Vue 实例的内部使用 this.$http来发起 HTTP 请求。

9633 0

Vue.js Ajax(vue-resource)

vue-resource/1.5.1/vue-resource.min.js"> Get 请求以下是一个简单的...Get 请求实例，请求地址是一个简单的 txt 文本：实例 window.onload = function(){ var vm = new Vue({ el:'#box',...} } }); } 如果需要传递数据，可以使用 this....> 语法 & API 你可以使用全局对象方式 Vue.http 或者在一个 Vue 实例的内部使用 this.$http来发起 HTTP 请求。...('/someUrl', [body], [options]).then(successCallback, errorCallback); // 在一个Vue实例内使用$http this.

1581 0

您找到你想要的搜索结果了吗？

是的

没有找到

Vue.js Ajax(vue-resource)

Get 请求实例，请求地址是一个简单的 txt 文本：实例 window.onload = function(){ var vm = new Vue({ el:'#box',...} } }); } 如果需要传递数据，可以使用 this....$http.get('get.php',{params : jsonData}) 格式，第二个参数 jsonData 就是传到后端的数据。 this....> 语法 & API 你可以使用全局对象方式 Vue.http 或者在一个 Vue 实例的内部使用 this.$http来发起 HTTP 请求。...('/someUrl', [body], [options]).then(successCallback, errorCallback); // 在一个Vue实例内使用$http this.

2.5K1 0

axios的安装和使用

Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。...特性: 1、从浏览器中创建 XMLHttpRequests 2、从 node.js 创建 http 请求 3、支持 Promise API 4、拦截请求和响应 5、转换请求数据和响应数据 6...$http.get(url, data, options).then((response) => { console.log(response) }) this....$http.post(url, data, options).then((response) => { console.log(response) }) 你也可以通过 this....$axios.get(url, data, options).then((response) => { console.log(response) }) this.

3.8K2 0

vue笔记(2)vue中使用ajax

大家好，又见面了，我是你们的朋友全栈君。...vue笔记(1): https://blog.csdn.net/qq_43537987/article/details/93402865 Vue中利用 vue-resource发起Ajax请求除了 vue-resource...（失败时的回调）参数可省 get getInfo() { // 发起get请求 // 当发起get请求之后，通过 .then 来设置成功的回调函数 //如果需要传递数据，可以使用 this...//如果需要传递数据，可以使用 this....，在每次单独发起http的时候，请求的url路径应该以相对路径开头，前面不能带 / ,否则不会启用根路径做拼接 this.

6201 0

从零开始学 Web 之 Vue.js（四）Vue的Ajax请求和跨域

但是我们知道，在Vue里面是不推荐使用jQuery的，那么如何使用Vue来发送Ajax请求呢？在Vue中可以使用第三方插件vue-resource 来实现Ajax请求的发送。..., errorCallback); 3、局部使用：在methods的事件中，使用 this....data的中，data是个对象，具体需要的数据是 data.body。...使用方式很简单，注册之后，申请数据后，在个人中心->我的数据,接口名称上方查看key值。而我们访问的url即为：http://v.juhe.cn/movie/index?...于是我将get请求改为jsonp请求：this.$http.jsonp 就可以了。

1.8K3 1

三、Vue 的一些语法样例

前言其实vue 的语法在官网上都有详细的讲解和例子，我这里就不多做什么说明，只是把自己学习这些语法是练习的例子贴出来。另外官网上的例子是一个个的html文件。...我这里的是一个的vue 文件，通过不同的路由进行访问。 ? 类似就上图的这种效果吧，没有什么样式，大伙将就看看嘿嘿。好了，下面我们就一起来看下主题的vue 语法吧。...to 表示跳转的地址，name 指跳转的路由。当然这个路由需要我们在src--router--index.js 中配置好，并且有相关的组件才行哟。 ?...这是因为我们项目中没有引入 vue-resource 所以我们需要在项目中引入。 ? 我们在idea 中打开控制台（alt+F12）。 npm install vue-resource ?...把url中的　"/api" 去掉． } } }, ? 好了，我们启动看一下， ?

6492 0

一个 Vue + Node + MongoDB 博客系统

前端模仿的是 hexo 的经典主题 NexT ，本来是想把源码直接拿过来用的，后来发现还不如自己写来得快，就全部自己动手实现成 vue components。...使用 vue-resource 从后台获取数据，数据的处理全部都在前端，所以后端要做的事情很简单——把前端打包好的数据存进数据库中和从数据库中取出数据。前后端使用统一的路由命名规则。...通过配置把前端的http请求转到 3000 端口。前端部分命名视图所有页面都用到的元素可以写在 App.vue 上面，也可以写成公共组件。...我在 App.vue 中使用了命名视图，因为 sidebar 这个组件有的页面需要有的不需要，不需要的时候就不用加载。的时候用的是 session 来保存，不过spa应用不同于前后端不分离的应用，我在前端对用户输入的账号密码进行了判断，如果成功则请求登录在后端保存 session。

1.9K2 0

vue中的ajax_创建vue实例

大家好，又见面了，我是你们的朋友全栈君。...VUE vue本身不支持发送AJAX请求，需要使用vue-resource、axios等插件实现 axios是一个基于Promise的HTTP请求客户端，用来发送请求，也是vue2.0官方推荐的，同时不再对...qs模块进行转换 vue-resource（支持发送跨域的请求）使用this....$http发送请求 this.$http.get(url, [options]) this.$http.jsonp(url, [options]) this....load() 方法从服务器加载数据，并把返回的数据放入被选元素中。 $(selector).load(URL,data,callback); HTTP GET 请求从服务器上请求数据。

1.3K2 0

Vue笔记：使用 axios 发送请求

在Vue1.0的时候有一个官方推荐的 ajax 插件 vue-resource，但是自从 Vue 更新到 2.0 之后，官方就不再更新 vue-resource。关于为什么放弃推荐?...，可以直接在 main.js 中引入并使用 Vue.use()来注册，但是 axios并不是vue插件，所以不能使用Vue.use()，所以只能在每个需要发送请求的组件中即时引入。...$http = axios 在 main.js 中添加了这两行代码之后，就能直接在组件的 methods 中使用 $http命令 methods: { postData () { this....}], // `transformResponse`允许在 then / catch之前对响应数据进行更改 transformResponse: [function (data) {...`定义在node.js中要遵循的重定向的最大数量。

2.6K2 0

vue基础（三）

，但是还没有挂载到页面中 mounted：此时，已经将编译好的模板，挂载到了页面指定的容器中显示运行期间的生命周期函数： beforeUpdate：状态更新之前执行此函数，此时 data 中的状态值是最新的...('data 中的 msg 数据是：' + this.msg) */ // 得出结论：当执行 beforeUpdate 的时候，页面中的显示的数据，还是旧的，此时 data 数据是最新的...根据接口API文档，知道，获取列表的时候，应该发起一个 get 请求 3. this.$http.get('url').then(function(result){}) 4....当通过 then 指定回调函数之后，在回调函数中，可以拿到数据服务器返回的 result 5....$http.get('url').then(function(result){}) // 4.

7913 0

Vue应用中捕捉到特定的HTTP状态码

在Vue应用中捕捉到特定的HTTP状态码（例如403 Forbidden）并进行相应处理，可以通过使用全局的HTTP请求拦截器来实现。...这样可以确保每次请求失败时都能统一处理错误，并根据不同的状态码执行相应的逻辑。下面是一个详细的实现步骤： 1....在Vue组件中使用Axios 在你的Vue组件中，你可以直接使用this....}); }, }, }; 解释配置Axios：在http.js中配置Axios实例，并添加请求和响应拦截器。...在Vue应用中使用Axios：将配置好的Axios实例挂载到Vue原型上，这样在任何组件中都可以直接使用this.$http。

2711 0

Vue---从后台获取数据vue-resource的使用方法

作为前端人员，在开发过程中，我们大多数情况都需要从后台请求数据，那么在vue中怎样从后台获取数据呢？接下来，我简单介绍一下vue-resource的使用方法，希望对大家有帮助。...”，应用程序可以在系统级对所有消息、事件进行过滤，访问在正常情况下无法访问的消息。...钩子的本质是一段用以处理系统消息的程序，通过系统调用，把它挂入系统。...(2)vue-resource 提供的便捷方法： get(url, [data], [options]); post(url, [data], [options]); put(url, [...可被options对象中url属性覆盖。 data（可选，字符串或对象），要发送的数据，可被options对象中的data属性覆盖。

4.1K2 0

axios挂载到vue项目中一些优化问题

2.具体案例假设我们希望在Left组件里面有一个按钮，然后我们点击按钮可以发起一个请求。...之前学过，每一个点 .vue 组件都相当与是一个Vue实例。...直接this. http.get或this. http.post去调用就可以了。...，那每一个.vue的组件的url路径都要改变，对以后的维护很不友好。...} } } 5.了解直接把axios挂在到Vue原型上的缺点上面我说明了这中解决方法的好处，但是呢，也有缺点。

8702 0

Vue.js 2 vs Vue.js 3的实现

JavaScript loosed-typedness允许我们很轻易的添加属性。Vue反应，然而，并不知道我们添加了这个属性。我来拯救这一天! — Vue.set Vue.set(this....代理是在es2015退出一段时间后，ES6又名中被介绍的一个特征。由此，我很确定你已经了解它了，但可能无法在生产环境中使用它们。因为他们是不可更改的。没有兼容旧环境以及无法假冒他们的旧的浏览器。...让我们在Change.org上申请，快速创建一个吧！ ---- 总结我打这个很短在发行2.5之前。Vue 3没有被谈论很多，但我真的很期待上述提到的变化。也就是说，我不能在短期内使用它在工作项目上。...Vue 3不能用于Internet Explorer和Babel不能解决。这有几个长期的优势，虽然是在重复写。...简化源 — 这种改写让团队对数组函数进行封装，减少他们做类型检查的次数新手容易学习 — 从反应性中获得注意事项将有助于那些新手学习Vue。这将消除论坛上所有的问题。

7.1K1 0

【黄啊码】PHP结合vue导出excel乱码

在这之前我们先回顾以前用php导出excel，我直接写成方法在这里： public static function phpExcelList($field, $list, $title='文件',$file_time...导出时就出现乱码了，有可能是这个，大多数网友的解决方案就是在请求里边加上参数：responseType: 'blob', // 表明返回服务器返回的数据类型，但这里我已经提前申明返回的数据是正常的，这时候又会咋样呢...参数，硬塞了一个类型以及编码方式，但是这种方法似乎并不管用，仔细读了官方文档之后，关于type的解读如下： type，默认值为 “”，它代表了将会被放入到blob中的数组内容的MIME类型。...，不懂可以直接抄： this....好了，今天的分享就这里，有问题的留个言我是黄啊码，码字的码，退。。。退。。。退。。。朝！

3.9K3 0

13.寻光集后台管理系统-控制前端菜单栏展示内容

启动项目后打开前端,展示的页面并不是我们需要的.我们需要修改一下它的menu部分抓包分析对登录操作进行抓包,可以看到它在登录之后会再进行一个GET请求请求地址是: http://localhost...分析页面渲染在前端代码里面找到对应请求的地方在登录组件中进行查找 frontend/src/views/login/components/passwordForm.vue //获取菜单 var menu...$API.system.menu.myMenus.get() 修改请求地址中的一部分frontend/src/api/model/system.js myMenus: { url: `${config.API_URL1...}/users/menu/`, name: "获取我的菜单", get: async function () { return await http.get(this.url); }.../src/views/manage/product/index.vue 我是产品信息页面 export default

5252 0

前端基础知识总结

jquery对象转dom对象语法：从数组中获得第一个对象，第一个对象就是dom对象，使用[0]或者get(0) 为什么要进行dom和jQuery的转换目的是要使用对象的方法或者属性当dom对象时...，是jQuery处理后的数据 $("msg").html(data); //案例 } }) 案例关键代码 $.get(url,data,function(data),dataType) $...http为axios $http 是vue内部的异步 $http.get("") $http.post("") Vue.prototype....message组件注意：这个组件的创建无需在页面中书写任何标签，是一个js插件，在需要展示消息提示的位置直接调用提供的js插件方法即可。它是js插件，无需指定的标签。打开消息提示 this....$http=axios; 后面使用axios，在需要发送异步请求的位置： this.$http.get("url").then((res)=>{}) 笔记 // 路由切换 this.

1.9K5 0

《进阶篇第7章》学习vue中的ajax之后，练习vue案例-github用户搜索案例

@toc概述：该案例是学习完第6章：vue中的ajax之后，进行的练习和总结，相关知识点详情内容，请查看我的上一篇同一专栏文章。...传递方，比如data()中isFirst为第一个属性，而我传递时放在了{}的最后也有效this.$bus....，方式2通过整个对象赋值方式，我可以把dataObj直接复制给this...._data中吗？答案：不能，如果赋值给this._data就破坏数据结构了，因为直接赋值方式不会让vue动态代理给_data中设置get和set方法。...q=` + this.keyWord).then()新代码：this.$http.get(`https://api.github.com/search/users?

2680 0

vue+element踩坑记-get和post进行请求传递数据类型（data || params）

最近一直在写vue项目，发现很多的坑是之前没见过的，这是一件好事，毕竟踩坑的过程就是一个学习的过程，往后的一段日子可能更新vue的会比较多，毕竟是在写vue的项目，我写的可能是一些比较简单浅显的东西，但是我毕竟是一个...那么我和后端进行交互的时候使用的axios进行的请求，那么在写的过程中，有的时候是需要传递参数的，例如条件查询，是需要将条件传过去的，那么这个时候就涉及到传值类型的问题了，我开始这样写的： searchIndoBySel...: function(){ let that = this; this....于是就开始加各种JSON.stringify什么的进行格式的转换，但是都是无济于事的（最主要的远还是因为我比较菜，大神看不下去的可以撤离战场了。）...data是进行post请求的时候用的，那么它的参数其实是写到了请求体里面去了，而不是在url后面当作参数拼到后面的，那么get请求其实是需要将参数拼到url后面进行传递的，所以这里是需要用到params

2.3K1 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭