码迷,mamicode.com
首页 > Web开发 > 详细

认识JSONP

时间:2015-01-10 21:02:27      阅读:169      评论:0      收藏:0      [点我收藏+]

标签:

jsonp 全称是JSON with Padding

我们大家都知道ajax是不能发起跨域请求,现在可以通过jsonp来弥补ajax的这一缺陷

通过script标签的src属性就可以实现跨域请求。如现在的互联网调优,引用goole,百度等的常用js文件,通过浏览器的缓存机制可以实现互联网调优。

下面是原生js实现跨域请求,走码

方式一:
 <script type="text/javascript" src="http://localhost:23415/2012Test/testJasonp.ashx?callback=mycallback"></script><!--这里的地址指跨域地址-->
方式二: <script type="text/javascript"> function createScript() { var myScript = document.createElement("script"); myScript.setAttribute("type", "text/javascript"); myScript.setAttribute("src", "http://localhost:23415/2012Test/testJasonp.ashx?callback=mycallback"); document.body.appendChild(myScript); } function mycallback(data) { alert(data.msg); } window.onload = function () { document.getElementById("getOtherDomainData").addEventListener("click", function () { createScript(); }); } </script>
<input type="button" id="getOtherDomainData" value="发起跨域请求" />

//testJasonp.ashx返回的数据为context.Response.Write("mycallback({\"msg\":\"ok\"})");

当然通过jquery就可以轻易实现jsonp

认识JSONP

标签:

原文地址:http://www.cnblogs.com/jasonzeng/p/4215536.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!