动态创建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 相关文章推荐
JQuery 技巧和窍门整理(8个)
Apr 22 Javascript
jquery实现居中弹出层代码
Aug 25 Javascript
在IE和VB中支持png图片透明效果的实现方法(vb源码打包)
Apr 01 Javascript
JS滚轮事件onmousewheel使用介绍
Nov 01 Javascript
JS+DIV+CSS实现仿表单下拉列表效果
Aug 18 Javascript
通用javascript代码判断版本号是否在版本范围之间
Nov 29 Javascript
JS正则获取HTML元素的方法
Mar 31 Javascript
Vue v2.4中新增的$attrs及$listeners属性使用教程
Jan 08 Javascript
Node.js中你不可不精的Stream(流)
Jun 08 Javascript
JS实现图片拖拽交换效果
Nov 30 Javascript
React+Antd+Redux实现待办事件的方法
Mar 14 Javascript
微信小程序 子级页面返回父级并把子级参数带回父级实现方法
Aug 22 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 SQL Injection with MySQL
2011/02/27 PHP
关于UEditor编辑器远程图片上传失败的解决办法
2012/08/31 PHP
Laravel 4.2 中队列服务(queue)使用感受
2014/10/30 PHP
PHP实现简单的新闻发布系统实例
2015/07/28 PHP
PHP导出Excel实例讲解
2016/01/24 PHP
php实现的后台表格分页功能示例
2017/10/23 PHP
CI框架简单分页类用法示例
2020/06/06 PHP
[转]JS宝典学习笔记
2007/02/07 Javascript
List Installed Software Features
2007/06/11 Javascript
事件模型在各浏览器中存在差异
2010/10/20 Javascript
常见的jQuery选择器汇总
2014/11/24 Javascript
javascript使用正则表达式检测IP地址
2014/12/03 Javascript
javascript实现2016新年版日历
2016/01/25 Javascript
jQuery easyui刷新当前tabs的方法
2016/09/23 Javascript
JavaScript仿支付宝6位数字密码输入框
2016/12/29 Javascript
深入理解vue中的slot与slot-scope
2019/04/22 Javascript
在vue中使用console.log无效的解决
2020/08/09 Javascript
js实现Element中input组件的部分功能并封装成组件(实例代码)
2021/03/02 Javascript
Python Xml文件添加字节属性的方法
2018/03/31 Python
Python基于多线程操作数据库相关问题分析
2018/07/11 Python
Python判断有效的数独算法示例
2019/02/23 Python
解决Python中报错TypeError: must be str, not bytes问题
2020/04/07 Python
python爬虫破解字体加密案例详解
2021/03/02 Python
印度民族服装购物网站:BIBA
2019/08/05 全球购物
演讲主持词
2014/03/18 职场文书
房屋委托书范本
2014/04/04 职场文书
调研汇报材料范文
2014/08/17 职场文书
超市开店计划书
2014/09/15 职场文书
校园会短篇的广播稿
2014/10/21 职场文书
网络营销计划
2015/01/17 职场文书
上市公司董事长岗位职责
2015/04/16 职场文书
百年校庆宣传标语口号
2015/12/26 职场文书
导游词之新疆-喀纳斯
2019/10/10 职场文书
导游词之青岛崂山
2019/12/27 职场文书
利用python做表格数据处理
2021/04/13 Python
springboot为异步任务规划自定义线程池的实现
2022/06/14 Java/Android