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


Posted in Javascript onFebruary 28, 2014

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"); 
 <% 
}
%>
Javascript 相关文章推荐
JS 建立对象的方法
Apr 21 Javascript
基于jquery的关于动态创建DOM元素的问题
Dec 24 Javascript
Javascript基础教程之数据类型转换
Jan 18 Javascript
Bootstrap Chart组件使用教程
Apr 28 Javascript
20分钟打造属于你的Bootstrap站点
Jul 27 Javascript
AngularJS bootstrap启动详解及实例代码
Sep 14 Javascript
javascript中this关键字详解
Dec 12 Javascript
vue-cli2.x项目优化之引入本地静态库文件的方法
Jun 19 Javascript
微信小程序修改swiper默认指示器样式的实例代码
Jul 18 Javascript
jQuery选择器之基本过滤选择器用法实例分析
Feb 19 jQuery
20个必会的JavaScript面试题(小结)
Jul 02 Javascript
利用 JavaScript 实现并发控制的示例代码
Dec 31 Javascript
jQuery之选项卡的简单实现
Feb 28 #Javascript
ExtJs纵坐标值重复问题的解决方法
Feb 27 #Javascript
flash遮住div问题的正确解决方法
Feb 27 #Javascript
浏览器窗口加载和大小改变事件示例
Feb 27 #Javascript
js中settimeout方法加参数的使用实例
Feb 27 #Javascript
回车直接实现点击某按钮的效果即触发单击事件
Feb 27 #Javascript
Ajax请求在数据量大的时候出现超时的解决方法
Feb 27 #Javascript
You might like
Smarty简单生成表单元素的方法示例
2016/05/23 PHP
PHP中读取文件的几个方法总结(推荐)
2016/06/03 PHP
PHP支付系统设计与典型案例分享
2016/08/02 PHP
PHP isset()与empty()的使用区别详解
2017/02/10 PHP
php 比较获取两个数组相同和不同元素的例子(交集和差集)
2019/10/18 PHP
JavaScript 事件系统
2010/07/22 Javascript
关于jquery append() html时的小问题的解决方法
2010/12/16 Javascript
js实现模拟银行卡账号输入显示效果
2015/11/18 Javascript
基于JavaScript实现移除(删除)数组中指定元素
2016/01/04 Javascript
Markdown+Bootstrap图片自适应属性详解
2016/05/21 Javascript
Jquery针对tr td的一些实用操作方法(必看篇)
2016/10/05 Javascript
js 判断数据类型的几种方法
2017/01/13 Javascript
vue组件的写法汇总
2018/04/12 Javascript
angularjs的单选框+ng-repeat的实现方法
2018/09/12 Javascript
Node批量爬取头条视频并保存方法
2018/09/20 Javascript
vue键盘事件点击事件加native操作
2020/07/27 Javascript
[52:00]2018DOTA2亚洲邀请赛 4.1 小组赛 A组加赛 LGD vs Optic
2018/04/02 DOTA
python装饰器与递归算法详解
2016/02/18 Python
Python中__slots__属性介绍与基本使用方法
2018/09/05 Python
在tensorflow中实现去除不足一个batch的数据
2020/01/20 Python
keras 如何保存最佳的训练模型
2020/05/25 Python
vscode+PyQt5安装详解步骤
2020/08/12 Python
python/golang实现循环链表的示例代码
2020/09/14 Python
python Pexpect模块的使用
2020/12/25 Python
html5+css3之CSS中的布局与Header的实现
2014/11/21 HTML / CSS
日本PLST在线商店:日本时尚杂志刊载的人气服装
2016/12/10 全球购物
音乐表演专业毕业生求职信
2013/10/14 职场文书
结婚喜宴主持词
2014/03/14 职场文书
师范大学生求职信
2014/06/13 职场文书
勿忘国耻9.18演讲稿(经典篇)
2014/09/14 职场文书
小学生五一劳动节演讲稿
2015/03/18 职场文书
2015年信访维稳工作总结
2015/04/07 职场文书
现实表现证明材料
2015/06/19 职场文书
2019年入党思想汇报
2019/03/25 职场文书
Python+Appium新手教程
2021/04/17 Python
python代码实现备忘录案例讲解
2021/07/26 Python