java后台jsonp解决跨域问题

OECOM

发布于 2020-07-01 17:33:20

4380

发布于 2020-07-01 17:33:20

文章被收录于专栏：OECOMOECOM

2015-09-09 02:49:03

在进行web前端开发过程中，有时候会遇到调用的接口和前端文件不在一个域名之下，出于安全方面的考虑，页面中的JavaScript无法访问其他服务器上的数据，即“同源策略”。而跨域就是通过某些手段来绕过同源策略限制，实现不同服务器之间通信的效果。这样就产生了跨域的问题。下面我来介绍一种通过jsonp实现的ajax解决跨域问题，后台例子程序为java。

先看一下前台的ajax程序代码

function login(){
  	 		var name=$("#na").val();
  	 		var psd = $("#pa").val();
  	 		$.ajax({ 
				url: '<%=basePath%>Choice/user_login.java?name='+name+'&&password='+psd, 
				type: "get", 
				dataType:'jsonp',
				jsonp: "callback",
				jsonpCallback:"success_jsonpCallback",
				success: function(data) {
					alert(data.result);
					if(data.result!=0){
						alert("登陆成功");
					}else{
						alert("登录失败");
					}
			       }
			   });
  	 	}

jsonp只能采用get方式来传输数据，在来看一下java程序的代码

public void login(){
		Gson gson = new Gson();
		System.out.println("============login");
		try{
			String na =new String(name.getBytes("iso8859-1"), "UTF-8");
			System.out.println(name+"=====登录");
			String data_stroage = gson.toJson(userManager.findUserByName(na,password));
			HttpServletRequest request = ServletActionContext.getRequest();
			String  callback = request.getParameter("callback");
			 String jsoncallback = callback + "({'result':"+data_stroage+"})";  
			HttpServletResponse response = ServletActionContext.getResponse();
			response.setContentType("text/html");
			response.setCharacterEncoding("utf-8");
			
				PrintWriter out = response.getWriter();
				out.print(jsoncallback);
				out.flush();
				out.close();
		}catch(Exception e){
			e.printStackTrace();
		}
		
	}

由于get方式传输中文会产生乱码问题，故在上面的代码进行了编码格式转换

下面来看一下中间的数据传输，下图分别为后台返回的数据和前台传输的数据。