Jsonp的实现

JSONP(JSON with Padding)是JSON的一种“使用模式”,可用于解决主流浏览器的跨域数据访问的问题。

由于同源策略,一般来说位于 server1.com 的网页无法与不是 server2.com的服务器沟通,而 HTML 的<script> 元素是一个例外。利用 <script> 元素的这个开放策略,网页可以得到从其他来源动态产生的 JSON 资料,而这种使用模式就是所谓的 JSONP。

用 JSONP 抓到的资料并不是 JSON,而是任意的JavaScript,用 JavaScript 直译器执行而不是用 JSON 解析器解析。

实现如下:

  • ajax请求:
function postRequest() {
    var req = $.ajax({
        cache: false,
        url: "http://192.168.1.101/testJsonp/testp",
        data: {
            "para": "abcd"
        },
        dataType: "jsonp",
        jsonpCallback: "callback",
        success: function(data) {
            alert(data.data);
        },
        error: function(data) {
            alert(data);
        }
    });
}
  • 服务端Servlet代码:
response.getWriter().write("callback({\"key\":\"value\"})");

 

posted @ 2017-03-28 16:24  m4tech  阅读(208)  评论(0编辑  收藏  举报