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

最新推荐文章于 2023-08-16 18:11:23 发布
最新推荐文章于 2023-08-16 18:11:23 发布
阅读量430 收藏
点赞数
文章标签： java javascript ViewUI 
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" οnclick="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"); 
	<% 
}
%>

iteye_3606
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
动态创建script标签实现跨域资源访问的方法介绍
01-19
function request(id,url){ oScript = document.getElementById(id); var head = document.getElementsByTagName(... } oScript = document.createElement(“script”); oScript.setAttribute(“src”, url);
jquery下利用jsonp跨域访问实现方法
10-28
JSONP就是利用这一特性，通过动态创建`<script>`标签来请求数据。服务器响应的数据不是一个JSON对象，而是一个JavaScript函数调用，其参数是JSON数据。例如，服务器返回`myCallback({key1: 'value1', key2: 'value2'...
利用script标签的src属性来实现跨域请求(JSONP协议)
08-11 7158
什么是JSONP协议? JSONP即JSON with Padding。由于同源策略的限制，XmlHttpRequest只允许请求当前源（域名、协议、端口）的资源。如果要进行跨域请求，我们可以通过使用html的script标记来进行跨域请求，并在响应中返回要执行的script代码，其中可以直接使用JSON传递javascript对象。这种跨域的通讯方式称为JSONP。 很明显，JSONP是一种
利用script标签获取跨域传输的数据
flynetcn的专栏
07-10 2261
html>head>script type="text/javascript">function jsLoad(jId, url, callBack){    var version = 0;    if (navigator.appName.indexOf(Internet Explorer)
js利用script标签进行跨域请求
butterBallj的博客
08-14 2335
ajax的jsonp虽然可以进行跨域，但是由于返回的数据问题，可能存在无法正确捕捉回执结果，即：成功请求且在控制台Network中看到结果，但是ajax始终捕捉为错误信息且无法拿取返回值。 下面直接上代码： var correct = function(address) { var script = document.createElement('script'); scri...
创建script标签发送GET请求处理跨域，接收返回的参数JSON
qq_46344419的博客
07-23 539
创建script标签发送GET请求处理跨域，接收返回的参数JSON
JS跨域调用之JSONP--动态Script标签方式实现跨域
我们不生产任何代码 只做代码的搬运工
12-29 3875
动态Script标签的方式往往是用来访问不在同一个域的服务器内部的数据的。例如,  当前我的域名：  d1.wwwcomy.com  我需要访问的数据：  百度翻译"chair"的结果  由于百度翻译和我的域名不在一个域名下，所以这个数据通过常规方式是没办法获取的，是被浏览器的安全机制所禁止的，解决方法如下：  首先要知道这个基础知识：  引用 Web页面上凡是
js实现跨域的多种方法
11-22
JSONP利用HTML的`<script>`标签可以跨域加载JavaScript文件的特性，通过动态创建`<script>`标签来发起请求。JSONP的基本原理是，服务器返回一个JavaScript函数调用，该函数名由客户端通过参数传递，函数体是JSON数据...
动态创建 script 实现跨域请求数据
weixin_30378311的博客
11-14 481
动态创建script标签 (由事件触发) 在我们需要请求数据的时候我们就可以动态的创建 script 标签 src设置为我们需要请求数据的地址 另外我们可以附加参数 ？后面附加参数 例如 ：？参数=1&callbacl=cb 我们还可以指定回调函数 回调函数就是我们在得到数据之后需要做什么处理 给这个函数传一个参数 即我们想要的数据 　　 btn.onclick=...
用script标签实现跨域
小黄同学的博客
06-01 1294
用<script>来实现跨域请求数据 首先接口传数据的格式是var xx = xxxxxxxxxxxxx这样的格式的 动态创建script的标签在src中写入接口连接，在chrome等浏览器的script的回调是onload，ie是onreadystatechange，在这里面处理返回成功回调函数。 具体代码片段 `function AjaxJsonpAsync(url, datas, callback){
Script标签解决跨域
等，你的到来。
11-16 6102
关于跨域，首先我们来讲一下基础知识。 –什么是跨域请求：从一个域下去访问另一个域下的脚本(js/php)或者文档结构(html)。 –为什么跨域：因为我们往往需要其他域下的数据，另一个因为同源策略的限制，不进行跨域无法直接请求另一个域的数据。 –怎么样进行跨域请求：img、a、form、link、iframe可以跨域，但是没有返回值，所以不进行使用，最主要使用的是script标签。然后，通过j
动态创建script标签发送GET请求处理跨域，接收返回的参数
小火车况且况且况且的博客
05-06 2151
动态创建script标签发送GET请求处理跨域，接收返回的参数 个人理解原理 动态创建script标签发送请求的时候，一般会传递一个字段过去类似于 www.baidu.com?responData 以问号的形式拼接 后台接收到请求之后，拿到问号后的字段，将返回的数据以 responData = { code: 200, data: {},...}的格式传递给前端 前端通过 window.responData 的形式获取到返回的数据 ...
4种方法解决js跨域的实现方式
LS_952754的博客
07-19 5120
4种方法解决js跨域的实现方式
利用JavaScript的src属性和JSONP请求实现数据的跨域访问
程序人生
06-29 1359
1. 为什么会出现跨域问题？ 原因是浏览器的同源策略限制。同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。 2.什么是跨域? 当一个请求url的协议、域...
JavaScript 实现跨域的常用方法
weixin_30950237的博客
08-19 53
　　新手在练习Ajax的时候经常会出现“莫名其妙”的bug，代码都对，但是测试的时候控制台报错，原因可能就是测试文件路径有问题，导致了Ajax的跨域问题。跨域问题在开发过程中并不是很常见，但是还是有的，总结下常见的跨域访问的方法： 一、利用JSONP <script type="text/javascript"> function handler(json-data) { ...
【面试题】JS 如何跨域获取数据
hjh_cos
01-19 1434
哎！还是没有解决不同顶级域名之间的跨域通信
如何用javascript实现一个跨域请求并获取返回的数据？请给出具体的实现方法。
最新发布
2201_75662279的博客
08-16 611
【代码】如何用javascript实现一个跨域请求并获取返回的数据？请给出具体的实现方法。
浏览器中使用js跨域获取数据
Wyn199925的博客
10-20 519
浏览器中使用js跨域获取数据 完全一致的意思是，域名要相同（www.example.com和example.com不同），协议要相同（http和https不同），端口号要相同（默认是:80端口，它和:8080就不同）。有的浏览器口子松一点，允许端口不同，大多数浏览器都会严格遵守这个限制。 1.CORS CORS（Corss-Origin Resource Sharing,跨资源共享），基本思想是使用自定义的HTTP头部让浏览器与服务器进行沟通，从而决定请求或响应的成功或失败。即给请求附加一个额外的Origi
ajax资源跨域问题解决方法
05-25
1. JSONP：利用 script 标签的 src 属性没有跨域限制的漏洞，可以通过动态创建 script 标签来实现跨域请求。 2. CORS（跨域资源共享）：在服务端设置 Access-Control-Allow-Origin 头信息，来允许跨域请求。 3. ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值