前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Jquery使用jsonp跨域访问

Jquery使用jsonp跨域访问

作者头像
forrestlin
发布2018-05-23 17:48:02
1.6K0
发布2018-05-23 17:48:02
举报
文章被收录于专栏:蜉蝣禅修之道

强大的Jquery从1.2开始就支持jsonp,今天我们利用servlet当后台做一个小测试。

前端javascript(使用jsonpcallback作为回调函数,此处的success没有作用):

代码语言:javascript
复制
function loadJsonP(){
    	$.ajax({
             url:'http://192.168.28.128:8080/JsonPDemo/servlet/JsonPServlet?callback=jsonpcallback',
             dataType:"jsonp",
             success:function(data){
                 alert(data);
             }
        });
    }
    function jsonpcallback(data){
    	alert(data[0]['name']);
    }

后台(获取前台jsonp的回调函数,输出jsonpcallback(...)):

代码语言:javascript
复制
public void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {

		response.setContentType("text/html");
		response.setCharacterEncoding("utf-8");
		PrintWriter out = response.getWriter();
		String jsonp = request.getParameter("callback");
		String str = "[{'id':'1','name':'测试1'},{'id':'2','name':'测试2'}]";
		str = jsonp + "(" + str + ")";
		out.println(str);
		out.flush();
		out.close();
	}

细心的朋友发现jsonp并不是什么牛逼的技术,他只是在回调时把json字符串放到回调函数里作为参数,然后让前端调用。但不管怎样,jsonp确实是解决跨域访问的一个巧妙方法。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2013年08月02日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档