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

最新推荐文章于 2024-05-31 16:59:25 发布
最新推荐文章于 2024-05-31 16:59:25 发布
阅读量515 收藏 1
点赞数
分类专栏： JavaScript点滴知识 文章标签： javascript 跨域 动态javascript

版权声明：本文为博主原创文章，未经博主允许不得转载。

[html] view plain copy

  1. login.html  
  2.   
  3. <script>  
  4.   
  5. function request(id,url){  
  6.      oScript = document.getElementById(id);  
  7.      var head = document.getElementsByTagName("head").item(0);  
  8.      if (oScript) {  
  9.         head.removeChild(oScript);  
  10.      }  
  11.      oScript = document.createElement("script");  
  12.      oScript.setAttribute("src", url);  
  13.      oScript.setAttribute("id",id);  
  14.      oScript.setAttribute("type","text/javascript");  
  15.      oScript.setAttribute("language","javascript");  
  16.      head.appendChild(oScript);  
  17.      return oScript;  
  18. }  
  19.   
  20.   
  21.   
  22. function userLogin(){  
  23.     var username=document.getElementById('name').value;  
  24.     var password=document.getElementById('password').value;  
  25.    
  26.     //alert(username+"--"+password);  
  27.     
  28.     var url='http://127.0.0.1:8080/EasyCMS/login.jsp?name='+encodeURI(username)+'&password='+encodeURI(password)+'&s=' + (new Date()).getTime();  
  29.   
  30.     //alert("url="+url);  
  31.     var login=request("loginScript",url);  
  32. }  
  33.   
  34. function myloginState(state){  
  35.   
  36.       alert("ret:"+state);  
  37.       if (state==0)  
  38.       {  
  39.         alert("登陆成功");  
  40.       }  
  41.       else  
  42.       {  
  43.            alert("登陆失败");  
  44.       }  
  45.   
  46. }  
  47.   
  48. </script>  
  49. <body>  
  50. 用户名：<input name="name" id="name" type="text" />  
  51. 密码：<input name="password" id="password" type="password" />  
  52. <input name="" value="login" type="button" οnclick="userLogin();" />  
  53. </body>  
  54.   
  55.   
  56.   
  57. login.jsp   
  58.   
  59. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>  
  60. <%  
  61. String name=request.getParameter("name");  
  62. String password=request.getParameter("password");  
  63. if (name.equals("admin") && password.equals("admin"))  
  64. {  
  65.     request.getSession().setAttribute("admin","admin");  
  66.     %>  
  67.     myloginState("0");   
  68.     <%  
  69. }  
  70. else  
  71. {  
  72.     %>  
  73.         myloginState("1");   
  74.     <%   
  75. }  
  76. %> 
弹琴弹琴
关注
专栏目录
使用动态的script标签的方式实现JS的跨域请求
cjd6568358的专栏
05-19 2738
首先，需要满足的条件是： 1、自身对JS代码
动态创建script标签实现跨域资源访问的方法介绍
01-19
function request(id,url){ oScript = document.getElementById(id); var head = document.getElementsByTagName(... } oScript = document.createElement(“script”); oScript.setAttribute(“src”, url);
动态创建script实现跨域资源访问(转)
curiousL的博客
12-13 563
动态创建script实现跨域资源访问login.html    <script>    function request(id,url){       oScript = document.getElementById(id);       var head = document.getElementsByTagName(“head”).item(0);       if (oScript) {
动态创建 script 实现跨域请求数据
weixin_30378311的博客
11-14 493
动态创建script标签 (由事件触发) 在我们需要请求数据的时候我们就可以动态的创建 script 标签 src设置为我们需要请求数据的地址 另外我们可以附加参数 ？后面附加参数 例如 ：？参数=1&callbacl=cb 我们还可以指定回调函数 回调函数就是我们在得到数据之后需要做什么处理 给这个函数传一个参数 即我们想要的数据 　　 btn.onclick=...
js实现跨域访问的三种方法
10-23
其次，基于script标签的跨域是通过动态创建script标签来实现的。Script标签不受同源策略限制，可以跨域加载和执行JavaScript文件。这种方法主要依赖于JSONP（JSON with Padding）技术，它是一种通过动态script标签...
js原生跨域_用script标签的简单实现
10-21
在前端开发中，跨域资源共享（CORS）是一个常见的问题，它涉及到浏览器的同源策略限制。同源策略是浏览器的一个安全功能，用于限制一个域的文档或脚本如何能与另一个域的资源进行交互。如果两个页面的协议、端口...
Ajax实现跨域访问的三种方法
10-24
JSONP（JSON with Padding）是一种简单而古老的跨域技术，它利用了<script>标签不受同源策略限制的特性，通过动态创建<script>标签的方式来实现跨域请求。具体做法是，在需要跨域请求的页面中创建一个<script>元素，...
动态创建script标签解决跨域问题
mhx123456789的博客
07-03 435
动态创建script标签解决跨域问题
html获取跨域资源,动态创建script标签实现跨域资源访问的方法介绍
weixin_39811386的博客
05-30 255
function request(id,url){oScript = document.getElementById(id);var head = document.getElementsByTagName("head").item(0);if (oScript) {head.removeChild(oScript);}oScript = document.createElement("scrip...
通过script标签实现跨域
weixin_30900589的博客
08-02 170
跨域 什么是跨域？ 跨域问题是由于javascript语言安全限制中的同源策略造成的。同源策略是由Netscape提出的一个著名的安全策略。 现在所有支持JavaScript 的浏览器都会使用这个策略。同源策略阻止从一个域上加载的脚本去获取或操作另一个域上的文档属性。也就是说，受到请求的 URL 的域必须与当前 Web 页面的域相同。这说明浏览器隔离来自不同源的内容，以防止它们之间的...
JSONP实现跨域
花生吃花生的学习记录
11-06 1699
首先说一下什么是跨域： 跨域就是在客户端在访问服务器的时候，出现了协议、域名、端口有一项或者几项不同，就会导致跨域。也就是说，在这种情况下，跨域会阻止你的访问。向服务器发送请求后，也自然不会收到服务器返回的数据了。 那么：跨域应该如何解决呢，通常跨域有两种解决办法，一种是利用JSONP来实现跨域，另外就是使用CORS来实现跨域。 JSONP（JSON with Padding）实现跨域 原理：jsonp实现跨域的原理，就是利用script标签可以实现跨域访问，我们在使用script标签的时候，有时会
跨域问题，解决方案（前后端代码）
kkkys_kkk的博客
01-14 1106
因此，利用 `` 标签的这两个特性，可以通过动态创建 `` 标签，给 `src` 属性设置跨域的 URL，从而实现在浏览器中跨域请求资源的效果。1. JSONP（JSON with Padding）：通过动态创建 `` 标签，利用 `` 标签可以跨域请求数据的特性，将响应数据包装在回调函数中返回，通过调用回调函数来获取数据。3. 代理：通过服务器端进行中转，将前端的请求发送到同源的后端，由后端代为请求目标资源，并将结果返回给前端。
Script标签里写ajax请求,用javascript动态创建script标签解决ajax跨域请求问题
weixin_33419305的博客
08-05 922
用javascript动态创建script标签解决ajax跨域请求问题:出于安全问题, ajax在进行请求数据时是不能跨域请求的,但是我们还经常会有这样的需求,下面是用js动态创建script标签中的src属性来解决这一问题.问题重现:比如:在 域名下的页面, 无法用ajax请求下的内容.这里给出一个用JS模拟ajax的方式实现跨域, 但仅仅局限于GET模式!在 标签中, src的属性是可以设...
chrome使用代理,浏览器PAC自动配置代理Javascript脚本介绍及使用/PAC文件
最新发布
Kissyulu的专栏
05-31 722
这篇文章主要用来介绍pac脚本的使用记录，并给出一个自动代理脚本示例脚本
js利用script标签跨域请求
金大光
04-23 4477
由于同源策略的限制，XmlHttpRequest只允许请求当同域下的资源
动态script标签-跨域调用
rsylqc的专栏
05-19 3143
Ajax技术不能实现跨域工作，可以通过使用动态script标签来实现跨越调用。 创建一个新的script标签，并插入DOM中，浏览器会像载入页面本身的script标签一样载入和运行插入标签的源文件。新script标签的源文件包含了一个页面本身已存在的一个JavaScript函数的调用，当执行这个源文件时，也会执行已存在的函数，这一过程定义了一个回调函数的方法。 如下程序段：
Js实现跨域访问与链接修改技术解析
服务器返回一个JavaScript函数调用，前端通过动态创建`<script>`标签并设置`src`属性为该URL，从而实现数据的传递。 3. **代理服务器**：在前端和后端之间设置一个代理服务器，前端向代理服务器发送请求，代理...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值