动态创建script标签实现跨域资源访问的方法介绍

 本篇文章主要是对动态创建script标签实现跨域资源访问的方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助

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"); 
 <% 
}
%>
 

时间: 2024-11-10 00:18:41

动态创建script标签实现跨域资源访问的方法介绍的相关文章

动态创建script标签实现跨域资源访问的方法介绍_javascript技巧

login.html 复制代码 代码如下: <script> function request(id,url){     oScript = document.getElementById(id);     var head = document.getElementsByTagName("head").item(0);     if (oScript) {        head.removeChild(oScript);     }     oScript = docu

动态创建script标签实现跨域资源访问的方法

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")

服务器-script标签jsonp跨域问题

问题描述 script标签jsonp跨域问题 利用script标签的src属性跨域,得到object({"Name":"ss",Age:45}),这种数据服务器返回过来 以后,该如何使用 解决方案 注册一个object函数(作用域是全局的window下,不要放在其他函数里面申明)就可以接受数据了 jsonp就是一段可执行的js代码.. window.object=function(data){ alert(data.Name); alert(data.Age); }

IE8中动态创建script标签onload无效的解决方法_javascript技巧

本文实例讲述了IE8中动态创建script标签onload无效的解决方法.分享给大家供大家参考.具体分析如下: 今天做项目,发现一个奇怪的问题,动态创建的script标签在IE8下无法触发onload事件. 代码如下: 复制代码 代码如下: var loadJs = function(src, fun){     var script = null;     script = document.createElement("script");     script.type = &qu

IE浏览器中动态创建script标签onload无效

代码  代码如下 复制代码   var loadJs = function(src, fun){     var script = null;     script = document.createElement("script");     script.type = "text/javascript";     script.src = src;     if(typeof fun === "function"){         scri

在JSP页面用JS以IMG的SRC为参数,动态创建IMG标签的问题,急急急!!!!!

问题描述 如题,我在JSP页面里面想通过JS建一个FUNCTION,以SRC为参数,动态创建IMG标签,可以实现么?然后函数是在<%%>里调用还是之外呢?我JS是小白...主要是JSP中要用,麻烦大神帮个忙,这是我写的代码,应该怎么该呢,求指教啊!<scripttype="text/javascript"> functionaddElementImg(srcc){ //添加img varimg=document.createElement("img&q

javascript跨域的4种方法和原理详解_javascript技巧

下表给出了相对http://store.company.com/dir/page.html同源检测的结果: 要解决跨域的问题,我们可以使用以下几种方法: 一.通过jsonp跨域 在js中,我们直接用XMLHttpRequest请求不同域上的数据时,是不可以的.但是,在页面上引入不同域上的js脚本文件却是可以的,jsonp正是利用这个特性来实现的. 比如,有个a.html页面,它里面的代码需要利用ajax获取一个不同域上的json数据,假设这个json数据地址是http://example.com

AJAX实现跨域的三种方法(代理,JSONP,XHR2)_AJAX相关

域: 域是WIN2K网络系统的安全性边界.我们知道一个计算机网最基本的单元就是"域",这一点不是WIN2K所独有的,但活动目录可以贯穿一个或多个域.在独立的计算机上,域即指计算机本身,一个域可以分布在多个物理位置上,同时一个物理位置又可以划分不同网段为不同的域,每个域都有自己的安全策略以及它与其他域的信任关系.当多个域通过信任关系连接起来之后,活动目录可以被多个信任域域共享. 由于在工作中需要使用AJAX请求其他域名下的请求,但是会出现拒绝访问的情况,这是因为基于安全的考虑,AJAX只

javascript实现动态导入js与css等静态资源文件的方法_javascript技巧

本文实例讲述了javascript实现动态导入js与css等静态资源文件的方法.分享给大家供大家参考.具体实现方法如下: /** * 动态导入静态资源文件js/css */ var $import = function(){ return function(rId, res, callback){ if(res && 'string' == typeof res){ if(rId){ if($($('#' + rId), $('head')).length>0){ return; }