新手问题，怎么在主函数里面调用回调函数的值呢？跨域带cookie的http访问遇到了这个问题

详细问题描述

跨域带cookie的http访问，目前web端实现的技术方案就html5+引擎的plus.net.XMLHttpRequest能做到吧，项目需要这个，不会写那种放到common/*.js然后在vue页面中import引用的，就在每个页面写了个myhttp函数，但是这样也是遇到了问题，怎么在主函数里面调用回调函数的值呢？另外我还想把myhttp变成同步的方法，就是很多http访问，等前面的http访问进行完了，再进行后面的http访问的。
新人问题好多，麻烦给个提示把，我知道promise和callback，但是自己写，写不出来，看勉强能看懂。。
另外除了h5+引擎能让ios和Android的app实现跨域带cookie访问，普通浏览器能访问的web网页上有没有方法实现跨域带cookie访问？
[内容]
以下内容用hbuilderx 新建一个uniapp默认项目。在index.vue直接复制上就行.项目也放到附件里了。

<template>  
    <view class="content">  
        <button @click="test">测试</button>  
        <text>{{ret}}</text>  
    </view>  
</template>  

<script>  
    var _self;  
    export default {  
        data() {  
            return {  
                ret: ''  
            }  
        },  
        onLoad() {  
            _self = this;  
        },  

        methods: {  
            test() {  
                let str = _self.myhttp("https://www.dcloud.io/docs/api/zh_cn/xhr.html", "0",  
                    "", 'uin=o0555555; skey=@666;');  
                console.log(2,str);//这里显示不出1的内容，想让它显示1的内容，也就是myhttp的返回内容  
            },  
            myhttp(url, method, data, cookies, header, wait) {  
                let xhr = new plus.net.XMLHttpRequest();  
                let method_ = ((method == "1") ? "POST" : "GET");  
                xhr.onloadend = function() {  
                    if (xhr.status == 200) {  
                        let str = xhr.responseText;  
                        console.log(1,str);//这里能输出想要的内容，这个str就是想返回的变量！  
                        _self.ret = str;  
                    }   
                }  
                xhr.open(method_, url);  
                xhr.setRequestHeader('Cookie', cookies);  
                if (method_ == "POST") {  
                    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');  
                }  
                xhr.timeout = 5000;  
                xhr.send(data);  
            },  

        }  
    }  
</script>  

<style>  
</style>  

[步骤]