jQuery JSONP跨域
基于Jquery的Ajax跨域访问
单点登录服务器(sso服务器)
令牌认证服务器(令牌服务器)
登录网页项目的时候,由于使用了单点登录,所以页面会跳转到sso服务器,进行统一登录,
现在需要在该界面增加令牌的认证,但是SSO服务器和令牌服务器部署在不同的服务器,且暂时没有要合并的可能,所以在SSO登录的时候必须要对令牌进行验证,就必须涉及到了跨域访问的问题。
最开始不了解跨域的概念,以为在局域网中就没有跨域,毕竟对外的域名都是统一的,所以直接使用
js代码 at SSO服务器
$.ajax({
url : http://192.168.123.10:8080/authority/identyfying.htm,
type :"POST",
data : {"name":name,"code":code},
success :function(data){
alert(data);
}
});
action代码 at 令牌服务器端
<%
Stringresult=request.getAttribute("result")==null?“”:request.getAttribute("result").toString();
String json="{result:"+result+"}";
response.getWriter().write(json);
%>
结果发现SSO服务器访问URL后的返回值的空值,但是本地实测返回肯定是有值的,猜测是防火墙问题,网段问题等等,最后终于在别人的提醒下,发现是因为跨域了。
查询了Jquery的相关API,修改如下
js代码 at SSO服务器
$.ajax({
url:urls,
type: "GET",
dataType: "jsonp",
jsonp: "jsonpCallback",
crossDomain : true,
data: {“name”:name,“code”:code},
success: function (data){
var result = data.results;
var msg = result?"成功":"失败,请重新输入6位令牌数字";
$("#verify").html("动态口令验证"+msg);
},
error: function(xhr){
alert("请求出错(请检查相关度网络状况.)");
}
});
action代码 at 令牌服务器端
<%
Stringresult=request.getAttribute("result")==null?“”:request.getAttribute("result").toString();
String callback = request.getParameter("jsonpCallback")+"({\"results\":"+results+"})";
response.getWriter().write(callback);
%>
飘红的两处命名必须相同。
最终结果OK,可以验证了。
已有 0 人发表留言,猛击->> 这里<<-参与讨论
ITeye推荐