动态创建script标签实现跨域资源访问的方法介绍

  login.html

  

复制代码 代码如下:

  <script>

  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");

  <%

  }

  %>