动态创建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 相关文章推荐
对setInterval在火狐和chrome切换标签产生奇怪的效果之探索,与解决方案!
Oct 29 Javascript
window.opener用法和用途实例介绍
Aug 19 Javascript
js 控制图片大小核心讲解
Oct 09 Javascript
require、backbone等重构手机图片查看器
Nov 17 Javascript
Angularjs分页查询的实现
Feb 24 Javascript
基于jQuery的表单填充实例
Aug 22 jQuery
node前端模板引擎Jade之标签的基本写法
May 11 Javascript
jQuery实现百度图片移入移出内容提示框上下左右移动的效果
Jun 05 jQuery
基于游标的分页接口实现代码示例
Nov 12 Javascript
关于JS解构的5种有趣用法
Sep 05 Javascript
使用Vue 自定义文件选择器组件的实例代码
Mar 04 Javascript
jQuery实现简单评论区功能
Oct 26 jQuery
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和js如何通过json互相传递数据相关问题探讨
2013/02/26 PHP
PHP创建PowerPoint2007文档的方法
2015/12/10 PHP
PHP内存溢出优化代码详解
2021/02/26 PHP
广告显示判断
2006/08/31 Javascript
ASP.NET jQuery 实例3 (在TextBox里面阻止复制、剪切和粘贴事件)
2012/01/13 Javascript
JS获取页面input控件中所有text控件并追加样式属性
2013/02/25 Javascript
JavaScript异步编程:异步数据收集的具体方法
2013/08/19 Javascript
jquery解析xml字符串简单示例
2014/04/11 Javascript
jQuery添加/改变/移除CSS类及判断是否已经存在CSS
2014/08/20 Javascript
JS中获取函数调用链所有参数的方法
2015/05/07 Javascript
js实现Select头像选择实时预览代码
2015/08/17 Javascript
JS表格组件神器bootstrap table详解(强化版)
2016/05/26 Javascript
JS限定手机版中图片大小随分辨率自动调整的方法
2016/12/05 Javascript
javascript兼容性(实例讲解)
2017/08/15 Javascript
前端必备插件之纯原生JS的瀑布流插件Macy.js
2017/11/22 Javascript
Vue多种方法实现表头和首列固定的示例代码
2018/02/02 Javascript
微信小程序实现banner图轮播效果
2020/06/28 Javascript
Nodejs监听日志文件的变化的过程解析
2019/08/04 NodeJs
微信小程序HTTP接口请求封装代码实例
2019/09/05 Javascript
Vuex中的Mutations的具体使用方法
2020/06/01 Javascript
[44:47]Ti4 循环赛第三日 iG vs NaVi
2014/07/12 DOTA
python实现微信发送邮件关闭电脑功能
2018/02/22 Python
Scrapy基于selenium结合爬取淘宝的实例讲解
2018/06/13 Python
Flask框架Flask-Login用法分析
2018/07/23 Python
python tkinter界面居中显示的方法
2018/10/11 Python
python创建n行m列数组示例
2019/12/02 Python
Python 输出详细的异常信息(traceback)方式
2020/04/08 Python
凌阳科技股份有限公司C++程序员面试题笔试题
2014/11/20 面试题
优秀体育委员自荐书
2014/01/31 职场文书
自荐信如何制作?
2014/02/21 职场文书
小学感恩节活动策划方案
2014/10/06 职场文书
新教师个人总结
2015/02/06 职场文书
教师学习中国梦心得体会
2016/01/05 职场文书
仅用一句SQL更新整张表的涨跌幅、涨跌率的解决方案
2021/05/06 MySQL
详解TS数字分隔符和更严格的类属性检查
2021/05/06 Javascript
分析设计模式之模板方法Java实现
2021/06/23 Java/Android