美文网首页
实现一个JSONP

实现一个JSONP

作者: 看到这朵小fa了么 | 来源:发表于2020-07-24 15:58 被阅读0次

回调函数调用后需要将添加的script标签进行删除,并将函数置空

function myJSONP(url, callback) {
    let id = Symbol()
    window[id] = function(result) {
        if(callback) {
            callback(result)
        }
        let getId = document.getElementById('id')
        getId.parentNode.removeChild('id')
        window[id] = null
    }
    url = url.replace('callback=?', 'callback='+id)
    let script = document.createElement('script')
    script.setAttribute('id', id)
    script.setAttribute('src', url)
    script.setAttribute('type', text/javascript)
    document.body.appendChild(script)
}

相关文章

  • ES6解决跨域

    实现一个jsonp函数,仅需要支持jsonp(url)一种调用方式即可(仅有url一个传参),例如: jsonp(...

  • 跨域方案

    JSONP JSON with padding 简称JSONP ,实现原理 通过动态 元素,指定src属性为一个跨...

  • day02-vuejs-vue-resource实现get, p

    vue-resource实现get, post, jsonp]请求: JSONP的实现原理: 由于浏览器的安全性限...

  • JSONP理解和实现

    JSONP的格式 JSONP 不支持 POST的原因 i、因为JSONP是通过创建script实现的 ii、动态创...

  • JSONP的历史方案和实现原理

    1. JSONP的实现原理 JSONP是通过动态创建script实现的。请求方:frank.com 的前端程序员(...

  • 遇到的面试题

    null instanceOf Object false jsonp跨域原理,优缺点,安全性因素 jsonp的实现...

  • 前端跨域请求原理及实践

    一、 跨域请求的含义 2.3 使用 标签原生实现 JSONP 经过上面的事件,你是不是觉得 JSONP 的实现和...

  • 前端跨域请求原理及实践

    一、 跨域请求的含义 2.3 使用 标签原生实现 JSONP 经过上面的事件,你是不是觉得 JSONP 的实现和...

  • 实现一个JSONP

    回调函数调用后需要将添加的script标签进行删除,并将函数置空

  • 实现一个JSONP

    同源策略 同源策略是一种约定,指的是协议、域名和端口三者相同,它是浏览器最核心也是最基本的安全功能。缺少这个功能,...

网友评论

      本文标题:实现一个JSONP

      本文链接:https://www.haomeiwen.com/subject/xwajlktx.html