JSON跨域请求

最新推荐文章于 2023-05-22 09:52:21 发布

原创最新推荐文章于 2023-05-22 09:52:21 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jsonp

JSP 同时被 2 个专栏收录

9 篇文章

订阅专栏

Ajax

1 篇文章

订阅专栏

【服务器端】

一、SpringMVC：

@RequestMapping(value = "/waitReceiveCouponCount")
	@ResponseBody
	public String waitReceiveCouponCount(String sn, String callback) {
		int count = couponService.findWaitReceiveList(memberService.findBySn(sn)).size();
		return callback + "("+count+")";
	}

【客户端】

第一种：

$.getJSON("http://www.xx.com/xx/member/waitReceiveCouponCount.jhtml?sn=123456&callback=?", function(data) {
			alert(data);
	    })

第二种：

$.ajax({
            type : "get",
            url : "http://www.xx.com/xx/member/waitReceiveCouponCount.jhtml?sn=123456",
            dataType : "jsonp",
            jsonp: "callback",//传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(默认为:callback)
            success : function(json){
                alert(json);
            }
        });

--------------------------------------------------------------已过时------------------------------------------------------------

二.Struts2 实现方式

<action name="*" class="accessAction" method="{1}">
			<result name="queryMenu" type="json">
				<param name="root">accessVO.menuList</param>
				<param name="callbackParameter">callback</param> 
			</result>
		</action>

三.Servlet方式

public void doGet(HttpServletRequest req, HttpServletResponse resp) 
            throws ServletException, IOException {
          String jsonData = getDataAsJson(req.getParameter("symbol"));
          String output = req.getParameter("callback") + "(" + jsonData + ");";
          resp.setContentType("text/javascript");          
          PrintWriter out = resp.getWriter();
          out.println(output);
          // prints: jsonp1232617941775({"symbol" : "IBM", "price" : "91.42"});
    }

【客户端】

 <script>
 //1.$.ajax({});
   $.ajax({   
		url: "http://ming.skymis.com/access/queryMenu",    
		dataType: 'jsonp',    
		jsonp:'callback',     //测试时，dataType必须加上，jsonp可加可不加。不过最好还是加上
		success: function(data) { 
			alert(data[0].name);
		}
	});
//2.$.getJSON({});
	jQuery.getJSON("http://ming.skymis.com/access/queryMenu?callback=?", function(data) {
       alert(data[0].name);
    });
 </script>