動態創建script標簽實現跨域資源訪問的方法介紹

2019-11-20 21:02:00

字體：大中小

來源：轉載

供稿：網友

login.html

function request(id,url){
     oScript = document.getElementById(id);
     var head = document.getElementsByTagName("head").item(0);
     if (oScript) {
        head.removeChild(oScript);
     }
     oScript = document.createElement("script");
     oScript.setAttribute("src", url);
     oScript.setAttribute("id",id);
     oScript.setAttribute("type","text/javascript");
     oScript.setAttribute("language","javascript");
     head.appendChild(oScript);
     return oScript;
}

function userLogin(){
    var username=document.getElementById('name').value;
    var password=document.getElementById('password').value;

    //alert(username+"--"+password);

var url='http://127.0.0.1:8080/EasyCMS/login.jsp?name='+encodeURI(username)+'&password='+encodeURI(password)+'&s=' + (new Date()).getTime();

//alert("url="+url);
var login=request("loginScript",url);
}

function myloginState(state){

      alert("ret:"+state);
      if (state==0)
   {
  alert("登陸成功");
   }
   else
   {
        alert("登陸失敗");
   }

}

</script>
<body>
用戶名：<input name="name" id="name" type="text" />
密碼：<input name="password" id="password" type="password" />
<input name="" value="login" type="button" onclick="userLogin();" />
</body>

login.jsp

復制代碼代碼如下:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String name=request.getParameter("name");
String password=request.getParameter("password");
if (name.equals("admin") && password.equals("admin"))
{
 request.getSession().setAttribute("admin","admin");
 %>
 myloginState("0"); 
 <%
}
else
{
 %>
  myloginState("1"); 
 <% 
}
%>