Script标签解决跨域

关于跨域，首先我们来讲一下基础知识。
–什么是跨域请求：从一个域下去访问另一个域下的脚本(js/php)或者文档结构(html)。
–为什么跨域：因为我们往往需要其他域下的数据，另一个因为同源策略的限制，不进行跨域无法直接请求另一个域的数据。
–怎么样进行跨域请求：img、a、form、link、iframe可以跨域，但是没有返回值，所以不进行使用，最主要使用的是script标签。然后，通过jsonp进行跨域请求，所使用的核心是通过script标签去请求另一个域下的数据，利用的是script的加载文件以及执行代码的特性。另一端的服务器需要接受script标签所传递的数据，并执行回调函数。
跨域的特征：协议/端口号/域名，这三者有一个不一样的，就可以称之为跨域。
接下来，我们使用script来写一个小例子，实现一下跨域。

//先上后台数据吧
<?php$newsList = array();$newsList[0] = array("title"=>"新闻1");$newsList[1] = array("title"=>"新闻2");$newsList[2] = array("title"=>"新闻3");//json_encode，将数组转变成json串$jsonStr = json_encode($newsList);echo $_GET['callback']."(".$jsonStr.")";
?>

稍微解释一下，就是在后台存了一组数据，然后通过前台传来的函数名，调用函数，并把json当做参数传入函数内

//HTML代码
<script type="text/javascript">var ul = document.getElementsByTagName("ul")[0];function createNewsList(jsonstr){for(var i = 0;i<jsonstr.length;i++){var tit = jsonstr[i].title;var lis = document.createElement("li");ul.appendChild(lis);lis.innerHTML = tit;}}</script><script src="http://127.0.0.1/PHPCourse2/PHP/Lesson19---jsonchuan.php?callback=createNewsList"></script>

重要的一点是，大家要知道，在PHP中，字符串也是有长度，并且可以像获取数组那样去获取的。
然后就是，用script去跨域的时候，方法为get，因为需要传的数据，是需要拼接在script的src后面的。
嗯~感觉其他的就没啥好说的了~~~

Script标签解决跨域相关推荐

通过script标签实现跨域
跨域什么是跨域? 跨域问题是由于javascript语言安全限制中的同源策略造成的.同源策略是由Netscape提出的一个著名的安全策略. 现在所有支持JavaScript 的浏览器都会使用这个策略 ...
a标签新窗口打开，解决跨域问题
标签在新窗口打开属性:target="_blank" 标签解决跨域属性:rel="nofollow noreferrer" <a href="h ...
Django 【第二十篇】后端CORS解决跨域问题
一.为什么会有跨域问题? 是因为浏览器的同源策略是对ajax请求进行阻拦了,但是不是所有的请求都给做跨域,像是一般的href属性,a标签什么的都不拦截. 二.解决跨域问题的两种方式 JSONP COR ...
Django 【第十九篇】JS实现的ajax、同源策略和前端JSONP解决跨域问题
一.回顾jQuery实现的ajax 首先说一下ajax的优缺点优点:AJAX使用Javascript技术向服务器发送异步请求: AJAX无须刷新整个页面: 因为服务器响应内容不再是整个页面,而是页面 ...
前端代理解决跨域问题
涉及知识点 1.前端代理:解决跨域的问题 1.1了解跨域代理:https://segmentfault.com/a/1190000010719058 跨域是由浏览器同源策略引起的,是指页面请求的接口地 ...
第九节：解决跨域问题与实现品牌查询
此博客用于个人学习,来源于网上,对知识点进行一个整理. 1. 跨域问题: 以下情况都属于跨域: 跨域原因说明示例域名不同 www.jd.com 与 www.taobao.com 域名相同,端口不同 ...
【javaWeb微服务架构项目——乐优商城day03】——（搭建后台管理前端，Vuetify框架，使用域名访问本地项目，实现商品分类查询，cors解决跨域，品牌的查询）
乐优商城day03 0.学习目标 1.搭建后台管理前端 1.1.导入已有资源 1.2.安装依赖 1.3.运行一下看看 1.4.目录结构 1.5.调用关系 2.Vuetify框架 2.1.为什么要学习U ...
JAVA商城项目（微服务框架）——第7天nginx+cors解决跨域+品牌+分类查询
0.学习目标使用资料搭建后台系统会使用nginx进行反向代理实现商品分类查询功能掌握cors解决跨域实现品牌查询功能 1.搭建后台管理前端 1.1.导入已有资源后台项目相对复杂,我们不再从 ...
AJAX请求及解决跨域问题
AJAX 介绍 AJAX其实就是异步的js和xml 通过ajax可以在浏览器中发送异步请求.最大优势:无刷新获取数据优点: 1.可以无需刷新页面与服务器进行通信 2.允许根据用户事件更新部分页面内容 ...

Script标签解决跨域

Script标签解决跨域相关推荐

最新文章

热门文章