动态创建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 相关文章推荐
document.onreadystatechange事件的用法分析
Oct 17 Javascript
jquery 结合C#后台的数组对文章的关键字自动添加链接的代码
Jul 15 Javascript
通过jQuery源码学习javascript(一)
Dec 27 Javascript
jQuery实现的漂亮表单效果代码
Aug 18 Javascript
JS延时器提示框的应用实例代码解析
Apr 27 Javascript
jQuery基本选择器之标签名选择器
Sep 03 Javascript
JS类的定义与使用方法深入探索
Nov 26 Javascript
JS实现的汉字与Unicode码相互转化功能分析
May 25 Javascript
在vue中使用axios实现post方式获取二进制流下载文件(实例代码)
Dec 16 Javascript
vue更改数组中的值实例代码详解
Feb 07 Javascript
JavaScript canvas实现跟随鼠标事件
Feb 10 Javascript
如何利用node转发请求详解
Sep 17 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
如何将一个表单同时提交到两个地方处理
2006/10/09 PHP
php判断是否为ajax请求的方法
2016/11/29 PHP
php简单实现单态设计模式的方法分析
2017/07/28 PHP
Laravel 数据库加密及数据库表前缀配置方法
2019/10/10 PHP
TP5框架使用QueryList采集框架爬小说操作示例
2020/03/26 PHP
js 事件处理函数间的Event物件是否全等
2011/04/08 Javascript
Jquery通过Ajax访问XML数据的小例子
2013/11/18 Javascript
使用console进行性能测试
2015/04/27 Javascript
js脚本分页代码分享(7种样式)
2015/08/19 Javascript
为JQuery EasyUI 表单组件增加焦点切换功能的方法
2017/04/13 jQuery
vue组件Prop传递数据的实现示例
2017/08/17 Javascript
AngularJS模糊查询功能实现代码(过滤内容下拉菜单排序过滤敏感字符验证判断后添加表格信息)
2017/10/24 Javascript
原生JS实现动态添加新元素、删除元素方法
2019/05/05 Javascript
vue多个元素的样式选择器问题
2019/11/29 Javascript
使用go和python递归删除.ds store文件的方法
2014/01/22 Python
Python六大开源框架对比
2015/10/19 Python
django传值给模板, 再用JS接收并进行操作的实例
2018/05/28 Python
python 实时得到cpu和内存的使用情况方法
2018/06/11 Python
对python requests发送json格式数据的实例详解
2018/12/19 Python
PyCharm 创建指定版本的 Django(超详图解教程)
2019/06/18 Python
python爬虫智能翻页批量下载文件的实例详解
2021/02/02 Python
分享8款纯CSS3实现的搜索框功能
2017/09/14 HTML / CSS
幼儿园中秋节活动方案
2014/02/06 职场文书
安全生产责任书范本
2014/04/15 职场文书
大专生找工作自荐书
2014/06/10 职场文书
领导班子对照检查材料
2014/09/22 职场文书
投标邀请书范本
2015/02/02 职场文书
2015年学生会个人工作总结
2015/04/09 职场文书
机关干部作风整顿心得体会
2016/01/22 职场文书
赞美教师的句子
2019/09/02 职场文书
爱国之歌(8首)
2019/09/29 职场文书
Python爬虫实战之爬取携程评论
2021/06/02 Python
一文搞懂python异常处理、模块与包
2021/06/26 Python
vue项目中的支付功能实现(微信支付和支付宝支付)
2022/02/18 Vue.js
Python必备技巧之字符数据操作详解
2022/03/23 Python
基于Python实现射击小游戏的制作
2022/04/06 Python