cas ajax+jsonp+iframe 实现无页面跳转

1.客户端

html代码

< head >      < meta  charset = "utf-8" >      < title ></ title > </ head > < script  data-main = "script/main"  src = "script/require.js" ></ script > < script  type = "text/javascript" > var v = + +new Date; v = '1.0'; requirejs.config({      urlArgs: "v=" + v, }); function login(){      console.log("*****************登陆调用****************") } </ script > < body  entryJS = "cas" >      < form  action = "<a href="http://192.168.1.109:8080/cas/login?action=ajaxSubmit&loginFailURL=http://127.0.0.1:8080/svg/loginBackCall.html" "="" style="color: rgb(50, 108, 166); text-decoration: none; border-radius: 0px !important; border: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important; background: none !important;">http://192.168.1.109:8080/cas/login?action=ajaxSubmit&loginFailURL=http://127.0.0.1:8080/svg/loginBackCall.html"  name = "form1"  method = "post"  id = "loginForm"  target = "myIframe" >          < input  type = "text"  name = "username"  value = "casuser"  placeholder = "用户名"  class = "user"  id = "user_login" >          < input  type = "password"  name = "password"  value = "Mellon"  placeholder = "密码"  class = "pwd"  id = "pwd_login" >          < button  id = "submit_login" >登陆</ button >          < input  type = "text"  name = "lt"  id = "lt"  value = ""  />          < input  type = "text"  name = "execution"  id = "execution"  value = ""  />          < input  type = "text"  name = "_eventId"  value = "submit"  />      </ form >      < iframe  src = "javasscript:void(0);"  id = "myIframe"  name = "myIframe" ></ iframe > </ body > </ html >

js代码

run:  function () {                          $( "#submit_login" ).click( function (){                              $.getJSON( "<a href="http://192.168.1.109:8080/cas/login?action=getlt&callback=?&service=http://127.0.0.1:8080/svg" "="" style="color: rgb(50, 108, 166); text-decoration: none; border-radius: 0px !important; border: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important; background: none !important;">http://192.168.1.109:8080/cas/login?action=getlt&callback=?&service=http://127.0.0.1:8080/svg" ,                                 function (data) {                                    $( "#execution" ).val(data.execution);                                 log.log($( "#execution" ).val());                                 $( "#lt" ).val(data.lt);                                 $( "#loginForm" ).submit();                              });                          });                                                }

2.客户端修改casLoginView.jsp

<%@ page contentType="text/html; charset=UTF-8" %> <%@ taglib prefix="c" uri="<a href="http://java.sun.com/jsp/jstl/core" "="" style="color: rgb(50, 108, 166); text-decoration: none; border-radius: 0px !important; border: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important; background: none !important;">http://java.sun.com/jsp/jstl/core" %> <%@ taglib prefix="spring" uri="<a href="http://www.springframework.org/tags" "="" style="color: rgb(50, 108, 166); text-decoration: none; border-radius: 0px !important; border: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important; background: none !important;">http://www.springframework.org/tags" %> <%@ taglib prefix="form" uri="<a href="http://www.springframework.org/tags/form" "="" style="color: rgb(50, 108, 166); text-decoration: none; border-radius: 0px !important; border: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important; background: none !important;">http://www.springframework.org/tags/form" %> <%@ taglib prefix="fn" uri="<a href="http://java.sun.com/jsp/jstl/functions" "="" style="color: rgb(50, 108, 166); text-decoration: none; border-radius: 0px !important; border: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: auto !important; background: none !important;">http://java.sun.com/jsp/jstl/functions" %> < c:choose >      < c:when  test = "${param.action !=null && param.action == 'getlt'}" >          <%          String action = request.getParameter("action");             String callbackName = request.getParameter("callback");           String jsonData = "{\"lt\":\"" + request.getAttribute("loginTicket") + "\", \"execution\":\"" + request.getAttribute("flowExecutionKey") + "\"}";           String jsonp = callbackName + "(" + jsonData + ")";                   response.setContentType("application/javascript");           response.getWriter().write(jsonp);           %>     </ c:when >     < c:when  test = "${param.action !=null && param.action == 'ajaxSubmit'}" >          < div  id = "msg" >              < c:forEach  var = "cook"  items = "${flowRequestContext.messageContext.allMessages}" >                   ${cook.text}             </ c:forEach >          </ div >          < script  type = "text/javascript" >              var msgObj = document.getElementById("msg");              var myMsg = msgObj.innerText;              var url ="${param.loginFailURL}?tag=0&msg="+myMsg              window.location.href=url;          </ script >          <!--          String action = request.getParameter("action");             String callbackName = request.getParameter("callback");           String jsonData = "{\"lt\":\"" + request.getAttribute("loginTicket") + "\", \"execution\":\"" + request.getAttribute("flowExecutionKey") + "\"}";           String jsonp = callbackName + "(" + jsonData + ")";                   response.setContentType("application/javascript");           response.getWriter().write(jsonp);            -->     </ c:when >       < c:otherwise >     < jsp:directive.include  file = "includes/top.jsp"  />          <!--    ${flowRequestContext}    // ${flowRequestContext.messageContext}    //    <br/>    <c:forEach var="cook" items="${flowRequestContext.messageContext.allMessages}">      ${cook.text}     </c:forEach>    -->                   < div  class = "box"  id = "login" >      < form:form  method = "post"  id = "fm1"  commandName = "${commandName}"  htmlEscape = "true" >          < form:errors  path = "*"  id = "msg"  cssClass = "errors"  element = "div"  htmlEscape = "false"  />          < h2 >< spring:message  code = "screen.welcome.instructions"  /></ h2 >          < section  class = "row" >              < label  for = "username" >< spring:message  code = "screen.welcome.label.netid"  /></ label >              < c:choose >                  < c:when  test = "${not empty sessionScope.openIdLocalId}" >                      < strong >< c:out  value = "${sessionScope.openIdLocalId}"  /></ strong >                      < input  type = "hidden"  id = "username"  name = "username"  value = "<c:out value=" ${sessionScope.openIdLocalId}" />" />                  </ c:when >                  < c:otherwise >                      < spring:message  code = "screen.welcome.label.netid.accesskey"  var = "userNameAccessKey"  />                      < form:input  cssClass = "required"  cssErrorClass = "error"  id = "username"  size = "25"  tabindex = "1"  accesskey = "${userNameAccessKey}"  path = "username"  autocomplete = "off"  htmlEscape = "true"  />                  </ c:otherwise >              </ c:choose >          </ section >          < section  class = "row" >              < label  for = "password" >< spring:message  code = "screen.welcome.label.password"  /></ label >                  <%--                  NOTE: Certain browsers will offer the option of caching passwords for a user.  There is a non-standard attribute,                  "autocomplete" that when set to "off" will tell certain browsers not to prompt to cache credentials.  For more                  information, see the following web page:                  http://www.technofundo.com/tech/web/ie_autocomplete.html                  --%>              < spring:message  code = "screen.welcome.label.password.accesskey"  var = "passwordAccessKey"  />              < form:password  cssClass = "required"  cssErrorClass = "error"  id = "password"  size = "25"  tabindex = "2"  path = "password"   accesskey = "${passwordAccessKey}"  htmlEscape = "true"  autocomplete = "off"  />              < span  id = "capslock-on"  style = "display:none;" >< p >< img  src = "images/warning.png"  valign = "top" > < spring:message  code = "screen.capslock.on"  /></ p ></ span >          </ section >          <!--          <section class="row check">              <p>                  <input id="warn" name="warn" value="true" tabindex="3" accesskey="<spring:message code="screen.welcome.label.warn.accesskey" />" type="checkbox" />                  <label for="warn"><spring:message code="screen.welcome.label.warn" /></label>                  <br/>                  <input id="publicWorkstation" name="publicWorkstation" value="false" tabindex="4" type="checkbox" />                  <label for="publicWorkstation"><spring:message code="screen.welcome.label.publicstation" /></label>                  <br/>                  <input type="checkbox" name="rememberMe" id="rememberMe" value="true" tabindex="5"  />                  <label for="rememberMe"><spring:message code="screen.rememberme.checkbox.title" /></label>              </p>          </section>          -->          < section  class = "row btn-row" >              < input  type = "hidden"  name = "lt"  value = "${loginTicket}"  />              < input  type = "hidden"  name = "execution"  value = "${flowExecutionKey}"  />              < input  type = "hidden"  name = "_eventId"  value = "submit"  />              < input  class = "btn-submit"  name = "submit"  accesskey = "l"  value = "<spring:message code=" screen.welcome.button.login" />" tabindex="6" type="submit" />              < input  class = "btn-reset"  name = "reset"  accesskey = "c"  value = "<spring:message code=" screen.welcome.button.clear" />" tabindex="7" type="reset" />          </ section >      </ form:form > </ div > < jsp:directive.include  file = "includes/bottom.jsp"  />     </ c:otherwise >  </ c:choose >