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

145 阅读 0 评论 96 点赞

我是靠谱客的博主端庄流沙，最近开发中收集的这篇文章主要介绍动态创建script标签实现跨域资源访问的方法介绍，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

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