动态创建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 相关文章推荐
TimergliderJS 一个基于jQuery的时间轴插件
Dec 07 Javascript
jquery $(&quot;#variable&quot;) 循环改变variable的值示例
Feb 23 Javascript
仿淘宝TAB切换搜索框搜索切换的相关内容
Sep 21 Javascript
JS实现图片高亮展示效果实例
Nov 24 Javascript
JS模拟按钮点击功能的方法
Dec 22 Javascript
JavaScript编写Chrome扩展实现与浏览器的交互及时间通知
May 16 Javascript
WebSocket+node.js创建即时通信的Web聊天服务器
Aug 08 Javascript
vue.js实现仿原生ios时间选择组件实例代码
Dec 21 Javascript
原生js仿淘宝网商品放大镜效果
Feb 28 Javascript
手把手搭建安装基于windows的Vue.js运行环境
Jun 12 Javascript
原生JS获取元素的位置与尺寸实现方法
Oct 18 Javascript
vue-video-player视频播放器使用配置详解
Oct 23 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
用PHP写的基于Memcache的Queue实现代码
2011/11/27 PHP
php检查日期函数checkdate用法实例
2015/03/19 PHP
PHP函数func_num_args用法实例分析
2015/12/07 PHP
js 强制弹出窗口代码研究-又一款代码
2010/03/20 Javascript
JS中 用户登录系统的解决办法
2013/04/15 Javascript
使用非html5实现js板连连看游戏示例代码
2013/09/22 Javascript
javascript实现yield的方法
2013/11/06 Javascript
jquery submit ie6下失效的原因分析及解决方法
2013/11/15 Javascript
javascript中对变量类型的判断方法
2015/08/09 Javascript
jQuery页面刷新(局部、全部)问题分析
2016/01/09 Javascript
分享javascript计算时间差的示例代码
2020/03/19 Javascript
JS之相等操作符详解
2016/09/13 Javascript
JS限制条件补全问题实例分析
2016/12/16 Javascript
xmlplus组件设计系列之路由(ViewStack)(7)
2017/05/02 Javascript
通俗解释JavaScript正则表达式快速记忆
2017/08/23 Javascript
详解VUE自定义组件中用.sync修饰符与v-model的区别
2018/06/26 Javascript
JS实现全屏预览F11功能的示例代码
2018/07/23 Javascript
react在安卓中输入框被手机键盘遮挡问题的解决方法
2018/09/03 Javascript
在layui中使用form表单监听ajax异步验证注册的实例
2019/09/03 Javascript
[48:35]2018DOTA2亚洲邀请赛 4.1 小组赛 A组加赛 TNC vs Optic
2018/04/03 DOTA
Python实现类似jQuery使用中的链式调用的示例
2016/06/16 Python
Python贪吃蛇游戏编写代码
2020/10/26 Python
Python Pandas对缺失值的处理方法
2019/09/27 Python
使用pyhon绘图比较两个手机屏幕大小(实例代码)
2020/01/03 Python
python如何使用Redis构建分布式锁
2020/01/16 Python
tensorflow 20:搭网络,导出模型,运行模型的实例
2020/05/26 Python
python线程池 ThreadPoolExecutor 的用法示例
2020/10/10 Python
Python list和str互转的实现示例
2020/11/16 Python
matplotlib绘制鼠标的十字光标的实现(自定义方式,官方实例)
2021/01/10 Python
HTML5 b和i标记将被赋予真正的语义
2009/07/16 HTML / CSS
Lookfantastic澳大利亚官网:英国知名美妆购物网站
2021/01/07 全球购物
个人委托书范本
2014/09/13 职场文书
2015元旦晚会主持词(开场白+结束语)
2014/12/14 职场文书
统计工作个人总结
2015/03/03 职场文书
2016年区委书记抓基层党建工作公开承诺书
2016/03/25 职场文书
Spring boot实现上传文件到本地服务器
2022/08/14 Java/Android