当前位置: 首页 > 编程笔记 >

vuejs使用axios异步访问时用get和post的实例讲解

澹台庆
2023-03-14
本文向大家介绍vuejs使用axios异步访问时用get和post的实例讲解,包括了vuejs使用axios异步访问时用get和post的实例讲解的使用技巧和注意事项,需要的朋友参考一下

script中。

let data={....};

let url=xx;

方法各异:

GET:

this.$ajax.get(url,{
    params:data
   })
   .then(function (res) {
    console.log(res.data)
   })
   .catch(function (error) {
    console.log(error)
   })

POST:

方法一:1.

  //请求后台数据之前转换入参

 
let url = xx; 
let data = {
    uname:this.uname,
    upwd:this.upwd,
    pid:this.pid
   };
 function transformRequest(data) {
   let ret = ''
   for (let it in data) {
    ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'
   }
   return ret
 }
   let p = transformRequest(data)
   this.$ajax.post(url,p)
   .then(function (res) {
    console.log(res.data)
   })
   .catch(function (error) {
    console.log(error)
   })

方法二:2

var qs = require('qs');
this.$ajax.get(url,qs.stringfy(data))
   .then(function (res) {
    console.log(res.data)
   })
   .catch(function (error) {
    console.log(error)
   })

this.$ajax是注入axios通过修改vue原型重新命名的,还是axios。

以上这篇vuejs使用axios异步访问时用get和post的实例讲解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • 我想更改一个数据属性,并在Laravel中的Vue实例上运行一个方法。然而,由于使用webpack和laravel,我似乎无法访问实例,我希望如何: 所以似乎不是我的Vue类的正确实例。 下面是我正在加载的刀片视图,正如您所看到的,我在main中添加了一个脚本标记,只是试图更改Vue实例数据属性,并运行一个方法。 下面是我(资源/资产/js/app.js)的一部分: 如您所见,我希望通过我在中定义

  • 我试图在中模拟axios和。到目前为止,这是我的代码: 据我所知,这和文件里的一模一样 确切的例子: 并且我得到了 我错过了什么?

  • "Do not store up for yourselves treasures on earth, where moth and rust consume and where thieves break in and steal; but store up for yourselves treasures in heaven, where neither moth and rust consu

  • 我正试图将一些表单数据发送到后端,但Laravel验证不会返回422状态的错误。 公理 简单的axios将请求发送到URL,并希望在请求周期中发现错误时返回响应。 Laravel 我已经设置了Laravel验证来验证一些表单输入,如果验证失败,则返回422。 回答 给出了一个响应,但当我试图对其进行控制台时,控制台中没有定义: 我在这里遇到过这个问题https://github.com/axios

  • 本文向大家介绍JQuery ztree 异步加载实例讲解,包括了JQuery ztree 异步加载实例讲解的使用技巧和注意事项,需要的朋友参考一下 本来要做一个文件目录浏览界面,需要遍历所有的文件和目录,很显然一次性读取时很费时费力的一件事情。 因此就需要做异步加载.... 准备工作: 1下载 JQuery ZTree 复制其中的JS和CSS即可,其实没必要引那么多,用什么引什么就可以。 2 需要

  • 本文向大家介绍有关Ajax中get和post的使用问题,包括了有关Ajax中get和post的使用问题的使用技巧和注意事项,需要的朋友参考一下 使用get遇到的问题: 1.问题一. 缓存:当每次访问的url相同,客户端直接读取本地缓存里面的内容,即使后台数据变化前台也不会有变化; 解决方法:在?后面链接一个num=【随机数Math.random()】或者num=【时间戳new Date().get