精华内容
下载资源
问答
  • axios 同步问题

    2019-10-02 21:19:00
    Axios 是一个基于 Promise 的 HTTP 库,可以用在浏览器和 node.js 中(这是官方文档给出的一个...1. 使用 axios.all([fn1, fn2, ...]).then()2. 利用ES7的 async await 来实现 转载于:https://www.cnblogs.com/s-...

    Axios 是一个基于 Promise 的 HTTP 库,可以用在浏览器和 node.js 中(这是官方文档给出的一个解释说明)

    它的主要作用是向后台发起异步请求,还有在请求中做更多的可控功能

    1. 使用 axios.all([fn1, fn2, ...]).then()
    2. 利用ES7的 async await 来实现

    转载于:https://www.cnblogs.com/s-qiu/p/9791120.html

    展开全文
  • 解决vue中axios同步问题

    解决vue中axios同步的问题

    参考文章:

    (1)解决vue中axios同步的问题

    (2)https://www.cnblogs.com/zhupanpan/p/11319305.html


    备忘一下。


    展开全文
  • axios同步请求问题

    2020-12-23 00:05:25
    在开发动态表单请求回来的数据可能遇到select时需要发请求去获取select里的值,这个时候使用axios发请求会异步 问题描述: 如下图小demo const val = [ { name: 'sss' }, { name: 'aaa' }, { name: 'bbb' }, { ...

    项目场景:

    在开发动态表单请求回来的数据可能遇到select时需要发请求去获取select里的值,这个时候使用axios发请求会异步

    问题描述:

    如下图小demo

    const val = [
            { name: 'sss' },
            { name: 'aaa' },
            { name: 'bbb' },
            { name: 'ccc' },
            { name: 'ddd' },
        ]
        const handleOk = () => {
            val.forEach((item: any) => {
                if (item.name == 'aaa') {
                    axios.get('http://rap2api.taobao.org/app/mock/23080/resources/search', {
                        params: {
                            id: 5
                        }
                    })
                    .then(res => {
                        console.log('数据是:', res);
                    })
                    .catch((e) => {
                        console.log('获取数据失败');
                    });
                }
            })
            console.log(222) 
        }
    

    在这里插入图片描述
    然后就异步了 因此想到用async await 再如下图

        const handleOk = () => {
            val.forEach(async(item: any) => {
                // if (item.name == 'aaa') {
                   await axios.get('http://rap2api.taobao.org/app/mock/23080/resources/search', {
                        params: {
                            id: 5
                        }
                    })
                    .then(res => {
                        console.log('数据是:', res);
                    })
                    .catch((e) => {
                        console.log('获取数据失败');
                    });
                // }     
            })
            console.log(222)
        }
    

    在这里插入图片描述
    我把判断去了就可以同步 问题是加层判断的话怎么同步呢 于是想到再判断里再写层函数 再用async await 然而并没有什么用


    原因分析:

    猜想axios好像不支持同步请求


    解决方案:

    因此用了jquery的ajax 请求就好使了

      const handleOk = () => {
            val.forEach((item: any) => {
                if (item.name == 'aaa') {
                    $.ajax({
                        url: 'http://rap2api.taobao.org/app/mock/23080/resources/search',
                        type: 'GET', //GET
                        async: false, //或false,是否异步
                        data: {
                            id: 5
                        },
                        timeout: 5000, //超时时间
                        dataType: 'json', //返回的数据格式:
                        success: function (res) {
                            console.log('数据是:', res)
                        },
                        error: function (error) {
                            console.log(error)
                        },
                       
                    })
                }
               
            })
            console.log(222)
        }
    

    在这里插入图片描述

    展开全文
  • vue axios同步请求解决方案

    万次阅读 2017-09-28 21:53:01
    在vue项目里面,需要循环发送ajax请求,出现的问题就是循环结束,第一次服务器还没返回,导致数据处理错误,需要使用同步请求解决方案目前没有发现axios可以同步请求,所以只能使用jQuery,配置同步请求;...

    在vue项目里面,需要循环发送ajax请求,出现的问题就是循环结束,第一次服务器还没返回,导致数据处理错误,需要使用同步请求

    解决方案

    目前没有发现axios可以同步请求,所以只能使用jQuery,配置同步请求;

    $.ajax({
        url:'/comm/test1.php',
        type:'POST', //GET
        async:false,    //或false,是否异步
        data:{
            name:'yang',age:25
        },
        timeout:5000,    //超时时间
        dataType:'json',    //返回的数据格式:
        beforeSend:function(xhr){
        },
        success:function(data,textStatus,jqXHR){
        },
        error:function(xhr,textStatus){
        },
        complete:function(){
        }
    })
    

    vue 安装jQuery插件

    $ npm install jquery --save
    

    打开 build/webpack.base.conf 配置文件
    这里写图片描述

    这里写图片描述

    配置完成后,在需要组件使用import $ from 'jquery';
    就可以使用!

    方法二
    .使用promise
    例子:浅谈 : Promise使用解析

    加入我的技术群,一起学习

    707196135
    在这里插入图片描述

    展开全文
  • Vue+Axios同步请求

    万次阅读 2019-05-09 21:21:18
    vue,axios实现同步请求
  • axios同步请求

    千次阅读 2019-05-22 12:11:52
    在vue里面 methods:{ async test(){ await axios({ //代码 }) } }
  • axios同步请求--

    万次阅读 2019-08-05 14:12:21
    一般使用axios进行数据请求就是要使用异步请求,因为项目需求,需要同步请求,所以async+await了解一下: async用于声明一个函数是异步的,await用于声明在一个异步函数中等待语句执行完毕。也就是说await只能在async...
  • axios 同步方法实现

    2021-02-10 22:38:06
    关于axios同步请求实现是借助es6语法,async await实现,可以参考:https://es6.ruanyifeng.com/#docs/async 下面直接列出示例代码: invokeMain: async function () { // api路径 var apiPath = this.$route....
  • axios同步及异步加载

    万次阅读 2019-06-12 17:04:01
    同步 async getfiles() { var result={}; var param = new URLSearchParams() param.append('id', $("#type").val()) var url = "/backstage/fileupload/getFileName.action"; await axios....
  • 在vue项目里面,需要循环发送ajax请求,出现的问题就是循环结束,第一次服务器还没返回,导致数据处理错误,需要使用同步请求解决方案目前没有发现axios可以同步请求,所以只能使用jQuery,配置同步请求;...
  • 如下图所示是队列同步器的基本结构,通过一个int类型的state对象来表示同步状态,对锁的竞争就是通过修改这个同步状态和对这个状态的值来进行判断实现,使用一个FIFO双向队列来管理竞争同步状态的线程,把这些线程...
  • 为何要做同步github是国际通用的代码托管平台,奈何身处国内,往往受限于网速,如果个人博客,项目主页托管在github上的话,访问速度也是十分堪忧 让我们把目光瞄准国内,国内的知名替代品主要是gitee和coding, 因为...
  • vue中promise和axios 同步爬坑小记

    万次阅读 2017-07-30 16:11:50
    es6提供给了我们promise这个对象,我们再也不用像原来那样多个ajax嵌套来实现同步了,在小编看来,promise本质是语法糖,让你能更优雅的解决同步问题!本文来说说小编遇到的问题,和个人见解,具体promise语法请大家...
  • axios 实现同步请求

    千次阅读 2020-05-13 18:50:27
    如何利用 axios 实现同步请求呢? 事实上,axios 不能直接支持同步请求,但是我们可以利用 Promse 的 await 语句来实现同步的,前提是所有调用链条上的方法都必须定义为 async 的方法。 第一步,定义 axios 同步请求...
  •  同步怎么做: async test3(){ console.log("业务1开始执行") const rs = await new Promise((resolve, reject) => { console.log("业务2开始执行") // 模拟1s后返回数据 setTimeout(()=>{ console.log("业务2 结束...
  • axios实现同步请求

    2021-07-17 09:29:27
    所以单独用axios是实现不了同步的,需要结合async与await关键字使用。 var data = {} axios.get("./data1.json") .then(res => data = res.data) console.log(data) 如果我们的代码是这个顺序,则data还是个...
  • axios 进行同步请求(async+await)

    万次阅读 2019-04-27 16:46:56
    一般使用axios进行数据请求就是要使用异步请求,一些需求...如果一定要同步的话,async+await 了解一下? methods: { async funA(){ var res = await axios.post('') //这里的res就是axios请求回来的结果 } } ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 9,229
精华内容 3,691
关键字:

axios同步问题