【javascript】 借助script元素发送HTTP请求:JSONP原理-1

   近来,笔者在简单了解了同源策略的本意之后。它也介绍了一些方法可以跳过同源策略的检测。其中使用script元素 的src 属性进行下载指定的URL。

只需要将请求成功返回的数据, 成为一个js脚本 调用指定函数名的格式,其中携带的参数为json格式 (json格式可直接被解释器解析).就可以获取到指定URL请求的数据。

  下面是一个简单的例子:

   脚本

function callback(json){
  // 处理 json数据
}

以上是一个已经被解析好的 callback函数,其中携带一个参数.

在脚本代码的下方嵌入script 元素

<script src="localhost:3000"></script>

这一个url地址返回的数据格式为如下的字符串

callback({ "type" : "jsonP" ,
                 "port" : "3000" 
})

当script 脚本代码加载完成后,自然会调用callback函数。 这样就可以对 传递过来的参数进行处理了。

当然这是简单的一种方式,如果要使用到现实情况,则需要进行许多的调整。比如说可以传递一些参数添加在url地址。

ps: 这是本人第一次写技术blog. 希望在未来不断的调整和修改。请高手多多包涵,多多指导。