How to encapsulate an async with export

The original meaning of

clipboard.png

clipboard.png
is that I want to encapsulate an asynchronous
and then call this asynchronous
outside to return both successful and error methods

.
Node.js javascript
Oct.15,2021 
**ES6 Promise,:http://es6.ruanyifeng.com/-sharpdocs/promise**


export function test (url,data,type) {
   return new Promise((resolve,reject)=>{
        $.ajax({
            url,
            data,
            type,
            datatype:'jsonp',
            success:function(data){resolve(data);},
            error:function(res){reject(res);}
        })
     })
   }

I think you need to understand the concepts of asynchronism and Synchronize!
I think you can change it like this and pass in two callback functions

. 
let test(data,success,error) {
    return $.ajax({
        url:'www.baidu.com',
        data:data,
        type:'get',
        datatype:'jsonp',
        success:success,
        error:error
    })
}

Modification of calls 

export default{
    data () {
        retrun {
            aa: null
        }
    },
    methods: {
        init () {
            var _this = this
            var data = {}
            var success = function (data) {
                _this.aa = data
            }
            var error = function (res) {
                console.log(res)
            }
            test(data,success,error)
        }
    },
    mounted () {
        this.init()
    }
}

if you don't want to put aa in data and define a var aa in success, you can also execute it

.

Previous: The use of return and alert

Next: React-native run-andriod reported an error

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu