jsonp 知识整理

在 localhost 这个域名下的应用，如果想直接访问 127.0.0.1 这个域名下的应用是不可以的，这是基于浏览器的安全机制，我就引出了应用间跨域访问的问题。

<script type="text/javascript"> function getData(data){ alert(data.username + " => " + data.password); } </script>
<script type="text/javascript" src="http://124.232.163.178:8080/liwei02/02.js"></script>

代码片段1

其中 http://124.232.163.178:8080/liwei02/02.js 这个 js 里面的内容是

getData({"username":"liwei","password":"123456"});

上面的这行代码相当于调用了一个函数，这个函数是 代码片段1 中定义的 getData 函数。

如果我们使用 jquery 的 ajax 函数，也是可以支持 jsonp 的调用，下面的示例代码：

<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.js"></script>
<script type="text/javascript"> $.ajax({ type: "POST",dataType: "jsonp",url: "http://124.232.163.178:8080/liwei02/02.js",jsonpCallback: "getData",success: function(data){ alert("成功获取：" + data.username + " ** " + data.password); },error: function (XMLHttpRequest,textStatus,errorThrown) { alert("获取失败"); } });

jquery 还提供了一个 getJSON 函数可以实现 jsonp “协议的调用”。