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

最新推荐文章于 2021-12-08 09:11:57 发布
最新推荐文章于 2021-12-08 09:11:57 发布
阅读量513 收藏 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. %> 
弹琴弹琴
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用动态的script标签的方式实现JS的跨域请求
cjd6568358的专栏
05-19 2735
首先，需要满足的条件是： 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 561
动态创建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 492
动态创建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标签解决跨域问题
动态script标签技术结合JSON数据交换格式解决Ajax的跨域问题
11-27
本文讨论了结合使用JSON和Dynamic script Tag技术来解决Ajax应用中跨域访问第三方Web服务的问题。
html获取跨域资源,动态创建script标签实现跨域资源访问的方法介绍
weixin_39811386的博客
05-30 254
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 169
跨域 什么是跨域？ 跨域问题是由于javascript语言安全限制中的同源策略造成的。同源策略是由Netscape提出的一个著名的安全策略。 现在所有支持JavaScript 的浏览器都会使用这个策略。同源策略阻止从一个域上加载的脚本去获取或操作另一个域上的文档属性。也就是说，受到请求的 URL 的域必须与当前 Web 页面的域相同。这说明浏览器隔离来自不同源的内容，以防止它们之间的...
JSONP实现跨域
花生吃花生的学习记录
11-06 1696
首先说一下什么是跨域： 跨域就是在客户端在访问服务器的时候，出现了协议、域名、端口有一项或者几项不同，就会导致跨域。也就是说，在这种情况下，跨域会阻止你的访问。向服务器发送请求后，也自然不会收到服务器返回的数据了。 那么：跨域应该如何解决呢，通常跨域有两种解决办法，一种是利用JSONP来实现跨域，另外就是使用CORS来实现跨域。 JSONP（JSON with Padding）实现跨域 原理：jsonp实现跨域的原理，就是利用script标签可以实现跨域访问，我们在使用script标签的时候，有时会
网页的跨域
weixin_49983203的博客
12-08 434
跨域 跨域是什么：浏览器从一个域名的网页去请求另一个域名的资源时，域名、端口、协议任一不同，都是跨域 为什么会有跨域:在前后端分离的模式下，前后端的域名是不一致的，此时就会发生跨域访问问题。在请求的过程中我们要想回去数据一般都是post/get请求，所以…跨域问题出现 首先了解同源策略：是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。 URL 说明 是否允许通信 http://www.a.com/a.js http://www.a.com/b.js 同
JS跨域调用之JSONP--动态Script标签方式实现跨域
我们不生产任何代码 只做代码的搬运工
12-29 3881
动态Script标签的方式往往是用来访问不在同一个域的服务器内部的数据的。例如,  当前我的域名：  d1.wwwcomy.com  我需要访问的数据：  百度翻译"chair"的结果  由于百度翻译和我的域名不在一个域名下，所以这个数据通过常规方式是没办法获取的，是被浏览器的安全机制所禁止的，解决方法如下：  首先要知道这个基础知识：  引用 Web页面上凡是
quankunjs 乾坤js 加载子应用 报跨域 failed to fetch
qq_27007423的博客
11-19 5328
1.子应用路由丶路径配置错误 2.服务器子应用 端口没有开放
跨域资源共享技术与实现策略
2. JSONP (JSON with Padding)：这是一种适用于GET请求的跨域方法，通过动态创建`<script>`标签，利用其可以跨域加载脚本的特性，将回调函数和请求数据打包成一个查询参数发送给服务器，服务器返回包裹着数据的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值