动态创建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 相关文章推荐
Javascript实现关联数据(Linked Data)查询及注意细节
Feb 22 Javascript
javascript与jquery中跳出循环的区别总结
Nov 04 Javascript
js面向对象之静态方法和静态属性实例分析
Jan 10 Javascript
jquery ztree实现树的搜索功能
Feb 25 Javascript
Node.js操作Firebird数据库教程
Mar 04 Javascript
浅谈JavaScript变量的自动转换和语句
Jun 12 Javascript
jquery中live()方法和bind()方法区别分析
Jun 23 Javascript
基于vue2.0+vuex+localStorage开发的本地记事本示例
Feb 28 Javascript
js实现下一页页码效果
Mar 07 Javascript
JS实现小球的弹性碰撞效果
Nov 11 Javascript
vue+element树组件 实现树懒加载的过程详解
Oct 21 Javascript
Selenium执行Javascript脚本参数及返回值过程详解
Apr 01 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实现数组筛选奇数和偶数示例
2014/04/11 PHP
php检查页面是否被百度收录
2015/10/28 PHP
PHP中Trait及其应用详解
2017/02/14 PHP
Yii框架ACF(accessController)简单权限控制操作示例
2019/04/26 PHP
详解CSS样式中的 !important * _ 符号
2021/03/09 HTML / CSS
Chrome Form多次提交表单问题的解决方法
2011/05/09 Javascript
JavaScript中的变量声明早于赋值分析
2012/03/01 Javascript
JQuery实现table行折叠效果以JSON做数据源
2014/05/26 Javascript
jquery实现的鼠标下拉滚动置顶效果
2014/07/24 Javascript
页面内容排序插件jSort使用方法
2015/10/10 Javascript
JavaScript实现弹出模态窗体并接受传值的方法
2016/02/12 Javascript
JavaScript如何实现跨域请求
2016/08/05 Javascript
微信小程序 教程之小程序配置
2016/10/17 Javascript
浅析JavaScript中var that=this
2017/02/17 Javascript
详解如何使用PM2将Node.js的集群变得更加容易
2017/11/15 Javascript
highCharts提示框中显示当前时间的方法
2019/01/18 Javascript
jQuery Ajax async=&gt;false异步改为同步时,解决导致浏览器假死的问题
2019/07/22 jQuery
构建大型 Vue.js 项目的10条建议(小结)
2019/11/14 Javascript
JS使用正则表达式实现常用的表单验证功能分析
2020/04/30 Javascript
Python设计模式之代理模式实例
2014/04/26 Python
在Python程序中操作文件之flush()方法的使用教程
2015/05/24 Python
举例讲解Python设计模式编程中的访问者与观察者模式
2016/01/26 Python
Python升级导致yum、pip报错的解决方法
2017/09/06 Python
python生成excel的实例代码
2017/11/08 Python
Python遍历某目录下的所有文件夹与文件路径
2018/03/15 Python
关于Python 的简单栅格图像边界提取方法
2019/07/05 Python
通过python扫描二维码/条形码并打印数据
2019/11/14 Python
Python爬取酷狗MP3音频的步骤
2021/02/26 Python
StubHub西班牙:购买和出售全球活动门票
2017/06/05 全球购物
FOREO斐珞尔官方旗舰店:LUNA露娜洁面仪
2018/03/11 全球购物
师范教师毕业鉴定
2014/01/13 职场文书
二年级班级文化建设方案
2014/05/10 职场文书
民政局副局长民主生活会个人对照检查材料
2014/09/19 职场文书
个人租房协议书(范本)
2014/10/14 职场文书
搞笑婚前保证书
2015/02/28 职场文书
推广普通话主题班会
2015/08/17 职场文书