动态创建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检测客户端不是firefox则提示下载
Apr 07 Javascript
js模拟类继承小例子
Jul 17 Javascript
ajax请求get与post的区别总结
Nov 04 Javascript
文本框水印提示效果的简单实现代码
Feb 22 Javascript
浅谈 javascript 事件处理
Jan 04 Javascript
html的DOM中Event对象onabort事件用法实例
Jan 21 Javascript
JavaScript使用Replace进行字符串替换的方法
Apr 14 Javascript
手机端 HTML5使用photoswipe.js仿微信朋友圈图片放大效果
Aug 25 Javascript
Angular 2.0+ 的数据绑定的实现示例
Aug 09 Javascript
vue滚动tab跟随切换效果
Jun 29 Javascript
Angular6使用forRoot() 注册单一实例服务问题
Aug 27 Javascript
解决vue-cli 打包后自定义动画未执行的问题
Nov 12 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
paypal即时到账php实现代码
2010/11/28 PHP
php 字符串替换的方法
2012/01/10 PHP
讲解WordPress开发中一些常用的debug技巧
2015/12/18 PHP
php正则表达式基本知识与应用详解【经典教程】
2017/04/17 PHP
PHP基于关联数组20行代码搞定约瑟夫问题示例
2017/11/07 PHP
JS实现打开本地文件或文件夹
2021/03/09 Javascript
JavaScript 动态将数字金额转化为中文大写金额
2009/05/14 Javascript
Javascript 面向对象 对象(Object)
2010/05/13 Javascript
Javascript学习笔记之数组的构造函数
2014/11/23 Javascript
node.js中的fs.futimes方法使用说明
2014/12/17 Javascript
js的flv视频播放器插件使用方法
2015/06/23 Javascript
基于Jquery实现万圣节快乐特效
2015/11/01 Javascript
详解AngularJS中的http拦截
2016/02/09 Javascript
很酷的星级评分系统原生JS实现
2016/08/25 Javascript
KnockoutJS 3.X API 第四章之表单textInput、hasFocus、checked绑定
2016/10/11 Javascript
jQuery实现字符串全部替换的方法【推荐】
2017/03/09 Javascript
JS实现倒序输出的几种常用方法示例
2019/04/13 Javascript
layui实现数据分页功能(ajax异步)
2019/07/27 Javascript
Vue实现背景更换颜色操作
2020/07/17 Javascript
[04:52]DOTA2亚洲邀请赛附加赛 TOP10精彩集锦
2015/01/29 DOTA
Python操作MySQL简单实现方法
2015/01/26 Python
Python简单计算给定某一年的某一天是星期几示例
2018/06/27 Python
Python文件如何引入?详解引入Python文件步骤
2018/12/10 Python
Python (Win)readline和tab补全的安装方法
2019/08/27 Python
python匿名函数的使用方法解析
2019/10/10 Python
Python 的 f-string 可以连接字符串与数字的原因解析
2021/02/20 Python
为你的html5网页添加音效示例
2014/04/03 HTML / CSS
HTML5中meta属性的使用方法
2016/02/29 HTML / CSS
英国著名书店:Foyles
2018/12/01 全球购物
入党积极分子自我鉴定范文
2014/03/25 职场文书
产品开发计划书
2014/04/27 职场文书
公安机关党的群众路线教育实践活动剖析材料
2014/10/10 职场文书
总经理岗位职责范本
2015/04/01 职场文书
2015年事业单位工作总结
2015/04/27 职场文书
勤俭节约主题班会
2015/08/13 职场文书
MySQL分库分表详情
2021/09/25 MySQL