跨域通信

今天一早在逛博客园的时候,突然看到一篇关于跨域请求HTTP的文章,进去看了一下,又翻了以前自己遇到的类似的问题,查了一些资料,看了一整个上午,虽然没完完全全的弄懂,但还是小有收获,接下来会继续深入探究。

跨域通信而不受同源策略,其实大家对同源策略应该都很了解的,为了安全起见这也是必须存在的,但当我们需要引入外部资源的时候,这便成为了很大的一道阻碍,不过终究还是办法解决的,好像大家普遍地推崇JSONP的方法,简单而且不受任何限制,在看了几种方法之后,个人也觉得JSONP是最容易理解的一种方法。

首先先简单地用文字介绍一下Ajax,Asynchronous JavaScript and XML (Ajax) 是驱动新一代 Web 站点(流行术语为 Web 2.0 站点)的关键技术。Ajax 允许在不干扰 Web 应用程序的显示和行为的情况下在后台进行数据检索。使用XMLHttpRequest函数获取数据,它是一种 API,允许客户端 JavaScript 通过 HTTP 连接到远程服务器。Ajax 也是许多 mashup 的驱动力,它可将来自多个地方的内容集成为单一 Web 应用程序。

使用基于<script>的Ajax传输协议时,服务器响应采用JSON编码的数据格式,当执行脚本时候,JavaScript解析器能够自动将其解码. 由于它使用JSON数据格式,因此这种Ajax传输协议也叫做"JSONP". 所以使用jsonp技术,只需要设置<script>的src属性,并且插入到document中,然后浏览器就会发送一个http请求以下载src属性所执行的url

其实就是在web页面动态插入脚本元素,其实自己不是做web出身的,所以有些东西也只是半懂半不懂的,最近在弄一个win8应用,是用HTML5和WinJS做的,所以,一些基本的web的东西还是看得懂的,只是在运用方面有些困难。

好了,回归正题,说到跨域,之前有在弄Nokia地图的东西,想着如何将Nokia地图导入到win8应用里面,把api里给的HTML代码复制进去以后发现,跨域了,没法下载外部资源,Nokia地图官方又没有win8的SDK,想着是没什么可能导进去的吧,又过了几天,在win8应用商店上发现了一个神级地图应用,什么地图都有,个人觉得厉害的是它连Open Street Map都有,而且也有Nokia,才知道原来自己真的是菜鸟。今早又重新试了一下,哦,忘了贴一下一位大牛的代码,关于JSONP的

//根据指定的url发送一个json请求
//然后把解析得到的响应数据传递给回调函数
//在url中添加一个名为jsonp的查询参数,用于指定该请求的回调函数的名称
function getJSONP(url,callback){
    //为本次请求创建一个唯一的回调函数名称
    var cbnum = "cb"+getJSONP.counter++;
    var cbname = "getJSONP."+cbnum;    //作为jsonp函数的属性

    //将回调函数名称以表单编码的形式添加到url查询部分中
    if(url.indexOf("?") === -1){
        url += "?jsonp="+cbname;  
    }else{
        url += "&jsonp="+cbname;
    }

    //创建<script>用于发送请求
    var script = document.createElement("script");
    //定义被脚本执行的回调函数
    getJSONP[cbnum] = function(response){
        try{
            callback(response);    //处理响应
        }
        finally{
            //删除该函数,并移除相应script元素
            delete getJSONP[cbnum];
            script.parentNode.removeChild(script);
        }
    }
    //立即触发http请求
    script.src = url;
    document.body.appendChild(script);
}
getJSONP.counter = 0;
自己修改了一下之后,将原本要调用外部资源的URL放到里面,发现可以了,跨域问题解决了,但又出现了另一个问题,这是自己以后要继续探究的东西

所以,还是失败了,但是,又给我发现了另一个新东西,原来Nokia maps api中的mobile HTML5 api是可以用在win8上的,哎,看了这么久才知道,都怪自己以前不细心,老吊死在一棵树上,这样一来,自己的Nokia maps在win8上的应用又可以继续下去了,总的来说,还是有很大收获的。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


文章浏览阅读2.4k次。最近要优化cesium里的热力图效果,浏览了网络上的各种方法,发现大多是贴在影像上的。这么做好是好,但是会被自生添加的模型或者其他数据给遮盖。其次是网上的方法大多数是截取成一个矩形。不能自定义的截取自己所需要的。经过尝试,决定修改下cesium heatmap,让他达到我们需要的要求。首先先下载 cesium heatmap包。其中我们可以看到也是通过叠加entity达到添加canvas的方法绘制到地图上。我们先把这一段代码注释} else {} };
文章浏览阅读1.2w次,点赞3次,收藏19次。在 Python中读取 json文件也可以使用 sort ()函数,在这里我介绍一个简单的示例程序: (4)如果我们想将字符串转换为列表形式,只需要添加一个变量来存储需要转换的字符串即可。在上面的代码中,我们创建了一个名为` read`的对象,然后在文件的开头使用`./`关键字来命名该对象,并在文件中定义了一个名为` json`的变量,并在其中定义了一个名为` json`的字段。比如,我们可以使用 read方法读取 json文件中的内容,然后使用 send方法将其发送到 json文件中。_python怎么读取json文件
文章浏览阅读1.4k次。首字母缩略词 API 代表应用程序编程接口,它是一种设备,例如用于使用编程代码发送和检索数据的服务器。最常见的是,该技术用于从源检索数据并将其显示给软件应用程序及其用户。当您访问网页时,API 的工作方式与浏览器相同,信息请求会发送到服务器,如何在 Windows PC 中手动创建系统还原点服务器会做出响应。唯一的区别是服务器响应的数据类型,对于 API,数据是 JSON 类型。JSON 代表 JavaScript Object Notation,它是大多数软件语言中 API 的标准数据表示法。_api是什么 python
文章浏览阅读802次,点赞10次,收藏10次。解决一个JSON反序列化问题-空字符串变为空集合_cannot coerce empty string ("") to element of `java.util.arraylist
文章浏览阅读882次。Unity Json和Xml的序列化和反序列化_unity json反序列化存储换行
文章浏览阅读796次。reader.readAsText(data.file)中data.file的数据格式为。使用FileReader对象读取文件内容,最后将文件内容进行处理使用。_a-upload 同时支持文件和文件夹
文章浏览阅读775次,点赞19次,收藏10次。fastjson是由国内的阿里推出的一种json处理器,由java语言编写,无依赖,不需要引用额外的jar包,能直接运行在jdk环境中,它的解析速度是非常之快的,目前超过了所有json库。提示:以下是引用fastjson的方法,数据未涉及到私密信息。_解析器用fastjson还是jackson
文章浏览阅读940次。【Qt之JSON文件】QJsonDocument、QJsonObject、QJsonArray等类介绍及使用_使用什么方法检查qjsondocument是否为空
文章浏览阅读957次,点赞34次,收藏22次。主要内容原生 ajax重点重点JSON熟悉章节目标掌握原生 ajax掌握jQuery ajax掌握JSON第一节 ajax1. 什么是ajaxAJAX 全称为,表示异步的Java脚本和Xml文件,是一种异步刷新技术。2. 为什么要使用ajaxServlet进行网页的变更往往是通过请求转发或者是重定向来完成,这样的操作更新的是整个网页,如果我们只需要更新网页的局部内容,就需要使用到AJAX来处理了。因为只是更新局部内容,因此,Servlet。
文章浏览阅读1.4k次,点赞45次,收藏13次。主要介绍了JsonFormat与@DateTimeFormat注解实例解析,文中通过示例代码介绍的非常详细,对大家的学习 或者工作具有一定的参考学习价值,需要的朋友可以参考下 这篇文章主要介绍了从数据库获取时间传到前端进行展示的时候,我们有时候可能无法得到一个满意的时间格式的时间日期,在数据库中显 示的是正确的时间格式,获取出来却变成了时间戳,@JsonFormat注解很好的解决了这个问题,我们通过使用 @JsonFormat可以很好的解决:后台到前台时间格式保持一致的问题,
文章浏览阅读1k次。JsonDeserialize:json反序列化注解,作用于setter()方法,将json数据反序列化为java对象。可以理解为用在处理接收的数据上。_jsondeserialize
文章浏览阅读2.7k次。labelme标注的json文件是在数据标注时产生,不能直接应用于模型训练。各大目标检测训练平台或项目框架均有自己的数据格式要求,通常为voc、coco或yolo格式。由于yolov8项目比较火热,故此本博文详细介绍将json格式标注转化为yolo格式的过程及其代码。_labelme json 转 yolo
文章浏览阅读790次,点赞26次,收藏6次。GROUP_CONCAT_UNORDERED(): 与GROUP_CONCAT类似,但不保证结果的顺序。COUNT_DISTINCT_AND_ORDERED(): 计算指定列的不同值的数量,并保持结果的顺序。COUNT_ALL_DISTINCT(): 计算指定列的所有不同值的数量(包括NULL)。AVG_RANGE(): 计算指定列的最大值和最小值之间的差异的平均值。JSON_OBJECT(): 将结果集中的行转换为JSON对象。COUNT_DISTINCT(): 计算指定列的不同值的数量。_mysql json 聚合
文章浏览阅读1.2k次。ajax同步与异步,json-serve的安装与使用,node.js的下载_json-serve 与node版本
文章浏览阅读1.7k次。`.net core`提供了Json处理模块,在命名空间`System.Text.Json`中,下面通过顶级语句,对C#的Json功能进行讲解。_c# json
文章浏览阅读2.8k次。主要介绍了python对于json文件的读写操作内容_python读取json文件
文章浏览阅读770次。然而,有时候在处理包含中文字符的Json数据时会出现乱码的情况。本文将介绍一种解决Json中文乱码问题的常见方法,并提供相应的源代码和描述。而某些情况下,中文字符可能会被错误地编码或解码,导致乱码的出现。通过适当地控制编码和解码过程,我们可以有效地处理包含中文字符的Json数据,避免乱码的发生。通过控制编码和解码过程,我们可以确保Json数据中的中文字符能够正确地传输和解析。为了解决这个问题,我们可以使用C#的System.Text.Encoding类提供的方法进行编码和解码的控制。_c# json 中文编码
文章浏览阅读997次。【代码】【工具】XML和JSON互相转换。_xml 转json
文章浏览阅读1.1k次。json path 提取数据_jsonpath数组取值
文章浏览阅读3w次,点赞35次,收藏36次。本文主要介绍了pandas read_json时ValueError: Expected object or value的解决方案,希望能对学习python的同学们有所帮助。文章目录1. 问题描述2. 解决方案_valueerror: expected object or value