关于跨域ajax请求访问

最新推荐文章于 2024-10-24 09:55:22 发布

RogueStudys

最新推荐文章于 2024-10-24 09:55:22 发布

阅读量401

点赞数

CC 4.0 BY-SA版权

分类专栏：综合技术

本文链接：https://blog.youkuaiyun.com/RogueStudys/article/details/50837267

综合技术专栏收录该内容

8 篇文章

订阅专栏

跨域请求在很多地方用到，但是浏览器常常是阻止访问，为了解决这个问题，查询一些资料，实现了其功能。

采用如下方法，ajax jsonp请求：

客户端：

        function requestMethed(){
                var the_url = "http://www.***.com/controller/todo.do";
		var data = {
 			name :name,
			password :password
		};
		$.ajax({
			type : "post",
			url : the_url,
			dataType : "jsonp",
			data : data,
			jsonp: "callback",
			jsonpCallback:"success_jsonpCallback",
			success : function(data){
				if(data.result == 1){
					alert("成功！");
				}else{
					alert("数据错误");
				}
			},
		        error : function(){
				alert("-- fail --");
			}
		});
        }

服务端：

        @RequestMapping("todo.do")
	public void todo(HttpServletRequest request,HttpServletResponse response) throws IOException{
		String callback = request.getParameter("callback");
		String jsonData = "{\"result\":\"1\"}";
		
		String name = request.getParameter("name");
		String password = request.getParameter("password");

		if("".equals(name) || "".equals(password)){
			jsonData = "{\"result\":\"-1\"}";
		}
		//TODO something
                String retStr = callback + "(" + jsonData + ")";<p>          response.getWriter().print(retStr);</p><p>       }</p>