动态创建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"); 
	<% 
}
%>




目录
相关文章
|
9天前
|
缓存 JavaScript 前端开发
|
3月前
|
前端开发 JavaScript 应用服务中间件
iframe动态操作标签分享
iframe动态操作标签分享
35 0
|
5月前
|
JavaScript
原生JS修改html内容不影响绑定的点击事件 请认准insertAdjacentHTML、insertAdjacentText方法
原生JS修改html内容不影响绑定的点击事件 请认准insertAdjacentHTML、insertAdjacentText方法
原生JS修改html内容不影响绑定的点击事件 请认准insertAdjacentHTML、insertAdjacentText方法
|
JavaScript
JS子页面如何获取父页面的变量、对象、方法
JS子页面如何获取父页面的变量、对象、方法
172 0
|
Web App开发 缓存 JavaScript
页面访问时渲染过程中 HTML、JS 的关系
之前写过一篇关于不同 DOM 操作结果不同的文章,那篇文章只是简单的介绍了一下 HTML 及外部资源与 JS 脚本执行的一个时机,其实这个还可以再拓展一下,比如 JS 和 DOMContentLoad
|
JavaScript 前端开发
JavaScript判断各种资源是否加载完成的方法汇总,资源预加载问题
JavaScript判断各种资源是否加载完成的方法汇总,资源预加载问题
925 0
|
前端开发 JavaScript PHP
跨域的本质-动态创建 script 标签| 学习笔记
快速学习跨域的本质-动态创建 script 标签。
102 0
跨域的本质-动态创建 script 标签| 学习笔记
|
移动开发 编解码 HTML5
HTML5全局属性和事件
HTML5全局属性和事件
|
缓存 JavaScript Java
jquery 操作HTML data全局属性缓存的坑
jquery 操作HTML data全局属性缓存的坑data-* 全局属性 是一类被称为自定义数据属性的属性,它赋予我们在所有 HTML 元素上嵌入自定义数据属性的能力,并可以通过脚本(一般指JavaScript) 与 HTML 之间进行专有数据的交换。
944 0