JSONP超简单例子，一看就能上手

Posted 2020-09-02

    JSON(javascript Object Notation)和JSONP(JSON with Padding)虽然只有一个字母的差别，但其实他们根本不是一回事儿：JSON是一种数据交换格式，而JSONP是一种依靠开发人员的聪明才智创造出的一种非官方跨域数据交互协议。JSONP解决了ajax跨域请求的问题，JSONP只是解决跨域请求方案中的一种。

    下面基于Servlet简单介绍一下JSONP接口的开发流程：

     1， 创建一个Servlet接口JsonpServlet

            

class  JsonpServlet  extends  HttpServlet  {     doGet(HttpServletRequest req, HttpServletResponse resp) ServletException, IOException {         //回调函数名         String callback = req.getParameter();         resp.setCharacterEncoding();         JSONObject jo = JSONObject();         jo.put(,);         System..println(jo.toJSONString());         System..println(jo.toString());         //将JSON包装进函数名中         resp.getWriter().print(callback + + jo.toJSONString() + );     }     doPost(HttpServletRequest req, HttpServletResponse resp) ServletException, IOException {         doGet(req, resp);     } }

    2， 创建一个html文件,并调用JSONP接口

    

var localHandler = function(data){             alert(‘i am local fun，can be called by remote.js，remote js return data ：‘ + data.result);         };         var url = "http://localhost/jsonpServlet?callback=localHandler";         var script = document.createElement(‘script‘);         script.setAttribute(‘src‘, url);         document.getElementsByTagName(‘head‘)[0].appendChild(script);

    调用成功后，浏览器弹出对话框

    

本文出自 “大数据践行者” 博客，转载请与作者联系！