对于jsonp的学习和理解

1.案例:一个tomcat中的项目想要访问另一个tomcat中的信息(跨域)
1.1问题:通过ajax因为安全性不允许跨域请求。
1.1.1解决方法:使用jsonp

2.在demo1中的index.jsp中调用demo2中的servlet中的信息?
2.1在index.jsp中配置:

<script type="text/javascript"
	src="http://localhost:9002/js/jquery-1.7.2.js"></script>
<script type="text/javascript">
   $(function() {
	  $("button").click(function(){
		  $ajax({
			url:'http://localhost:9002/demo2',
			type:'post',
			datatype:'jsonp',
			jsonpCallback:'',
			jsonp:'callback',
			success:function(){
				alert("data");
				
			}			  			  
		  });
	  })
})
</script>
<title>Insert title here</title>
</head>
<body>
	<button>按钮</button>
</body>

2.2当index中的ajax向demo中的servlet发起请求时:发过来的参数名是:callback
demo2:

@Controller
public class DemoController {
	@RequestMapping("demo3")
	@ResponseBody
	public MappingJacksonValue demo(String callback){
		People p = new People();
		p.setId(1);
		p.setName("张三");
		//把构造方法参数转换为json字符串并当作最终返回值函数的参数
		MappingJacksonValue mjv = new MappingJacksonValue(p);
		//最终返回结果中函数名
		mjv.setJsonpFunction(callback);
		return mjv;
	}
}

这样通过jsonp就可以得到demo2中的数据,并且是json格式。

3.jsonp应用于项目中,一个项目需要在另一个项目中的数据,比如商品类别展示需要商品管理项目中的数据、供应商系统中的供应商的发布单等等都可以用到jsonp

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值