账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    关于 jsonp 的一些疑问
    29
    0

    想知道,在利用 jsonp 实现跨域的时候,在服务端返回数据,把数据作为参数放到回调函数中

    `callback(JSON.stringify(data))`

    但是此时服务端返回的应该是个字符串呀,浏览器是如何直接把这个返回的字符串当成 js 代码执行的?

    完整代码如下

    // js
    function jsonp (url) {
          // 创建 script 标签
          var script = document.createElement('script')  
          script.src = url
          script.id = 'jsonp'
          document.getElementsByTagName('body')[0].appendChild(script)
    
          // 移除标签,清除占用内存
          script.onload = () => {
            document.getElementsByTagName('body')[0].removeChild(script)
            script = null
          }
        }
        
        function sendHaha (msg) {
          console.log(msg)
        }
        
        jsonp('http://localhost:3333/haha?callback=sendHaha')
    // 服务端
    var http = require('http')
    var urllib = require('url')
    
    var data = {
      data: 'hhh'
    }
    
    http.createServer((req, res) => {
      var params = urllib.parse(req.url, true)
      var callback = params.query.callback
      if (callback) {
        var str = `${callback}(${JSON.stringify(data)})`
        res.end(str)
      }
    }).listen(3333, () => {
      console.log('haha')
    })

    谢谢大佬的解答~~感激不尽

    1
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 10 元积分
        全部回答
    • 0
    • 鬼缔 普通会员 1楼
      502 Bad Gateway

      502 Bad Gateway


      nginx
    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部