Ajax跨域请求——jsonp获取json数据

前端:后台有时候的得不到传来的参数,在ajax里加上data{"jsonpCallback":jsonpCallback}

		$.ajax({
			type:'POST',
			url:  'www.xxx.com/goods/countGoodsNumByCategoryId.json',
			data:{"categoryId":id},
			dataType:'jsonp',
			async:false,
			jsonp:'jsonpCallback',//传递给后台程序,用来获取jsonp回调函数名的参数名
			success:function(data){
				var isExistGoods = data.isExistGoods;
				var isNeedChooseCategory = data.isNeedChooseCategory;
				if(isExistGoods == 1){
					alertMsg.error("该类目下已存在商品,不能删除!");
				}
				if(isNeedChooseCategory == 1){
					alertMsg.error("请选择一个类目!");
				}
			},
			error:function(){
				alertMsg.error("该类目下已存在商品,不能删除!");
			}
		});


            $.ajax({
			type : "GET",//请求方式 get/post
			url : "http://" + tomcatBase + "/ilive/app/room/vod/checklogin.jspx",
			dataType : "jsonp",
			jsonp : "callback",
			cache : false,
			data : {
				fileId:fileId,
				roomId:roomId
			},
			success : function(data) {

后台:

	@RequestMapping({ "/countGoodsNumByCategoryId.json" })
	public void countGoodsNumByCategoryId(HttpServletRequest request, HttpServletResponse response) {
		response.setContentType("text/plain");
		response.setHeader("Pragma", "No-cache");
		response.setHeader("Cache-Control", "no-cache");
		response.setDateHeader("Expires", 0);
		Map<String, Object> paramsMap = new HashMap<String, Object>();
		Long categoryId = null;
		Map<String, Object> resultMap = new HashMap<String, Object>();
		String categoryIdJson = request.getParameter("categoryId");
		if (StringUtils.isNotBlank(categoryIdJson)) {
			categoryId = Long.parseLong(categoryIdJson);
			paramsMap.put("categoryId", categoryId);
			int goodsNum;
			try {
				goodsNum = goodsService.selectCount(paramsMap);
				if (goodsNum > 0) {
					resultMap.put("isExistGoods", BoolStatus.YES);
				} else {
					resultMap.put("isExistGoods", BoolStatus.NO);
				}
			} catch (ServiceException e) {
				LOG.error(e.getMessage(), e);
				resultMap.put("isExistGoods", BoolStatus.YES);
			}
		} else {
			resultMap.put("isNeedChooseCategory", BoolStatus.YES);
		}
		try {
			PrintWriter out = response.getWriter();
			JSONObject resultJSON = JSONObject.fromObject(resultMap); // 根据需要拼装json
			String jsonpCallback = request.getParameter("jsonpCallback");// 客户端请求参数
			out.println(jsonpCallback + "(" + resultJSON.toString(1, 1) + ")");// 返回jsonp格式数据
			out.flush();
			out.close();
		} catch (IOException e) {
			LOG.error(e.getMessage(), e);
		}
	}

上面是从网上找的,页面跨域的请求写法,jsoncallback参数就直接传问号,后台代码和上面相同,注意下面jsoncallback和上面后台代码的jsonpCallback不一样

jQuery.getJSON("http://localhost:8080/app/i/method?id=8&jsoncallback=?",function(data){

}
            

 

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值