搜索

+

95

-

vue中axios如何进行jsonp请求？

vue javascript html5

vue中axios如何进行jsonp请求？

网友回复

+

15

-

axios自己写一个，代码如下：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/vue@2.6.1.js"></script>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/axios-0.18.js"></script>
</head>
<body>
    <div id="app">
        请输入关键字：<input type="text" v-model="keyword" @keyup="sendJsonP(keyword)">
        <ul>
            <li v-for="r in result">{{r}}</li>
        </ul>
    </div>
    <script>

        window.onload = function () {
            axios.jsonp = (url, data)=> {
                if (!url)
                    throw new Error('url is necessary')
                const callback = 'CALLBACK' + Math.random().toString().substr(9, 18)
                const JSONP = document.createElement('script')
                JSONP.setAttribute('type', 'text/javascript')

                const headEle = document.getElementsByTagName('head')[0]

                let ret = '';
                if (data) {
                    if (typeof data === 'string')
                        ret = '&' + data;
                    else if (typeof data === 'object') {
                        if ('jsonp' in data){
                          
                             ret += '&' + data.jsonp + '=' + callback;
                    ...

点击查看剩余70%

我知道答案，我要回答

我有问题

私活外包

最新提问