`
smiky
  • 浏览: 254171 次
  • 性别: Icon_minigender_1
  • 来自: 天门
社区版块
存档分类
最新评论

所谓js跨域取数据

阅读更多

js跨域访问(jsonp)
原理很简单:当页面加载完后,动态执行一个js函数(只不过这个函数是根据页面响应来调用的)
这里有两个页面:
1.smartspeed/jsonp.html,它要取另一个项目中jsp响应的数据
<script type="text/javascript">
  function getRemoteJson(data){
  alert(data.name+"  "+data.desc);
  }
</script>
<script type="text/javascript" src="http://172.30.1.123:8080/extjs/jsonp.jsp"></script>
页面1定义了一个函数getRemoteJson,并用script引用了另外一个页面(如同引用另一个域下的js文件,且此js文件中包含引用
当前页面内方法的语句
)
2.extjs/jsonp.jsp
<%
response.setContentType("text/javascript");
String callback = "getRemoteJson({name:'sky',desc:'champion'})";
out.print(callback);
%>
响应getRemoteJson({name:'sky',desc:'champion'}),相当于在js中调用一个函数

也就是说页面2响应回来的文本就是一个调用页面1内js方法的语句,且给这个方法传递了参数

 

分享到:
评论

相关推荐

    js跨域问题浅析及解决方法优缺点对比

    所谓js跨域问题,是指在一个域下的页面中通过js访问另一个不同域下 的数据对象,出于安全性考 虑,几乎所有浏览器都不允许这种跨域访问,这就导致在一些ajax应用中,使用跨域的web service会成为一个问题。...

    常见的javascript跨域通信方法

    本文主要介绍几种常见的javascript跨域通信方法。首先讲解一下JSONP。 1、JSONP JSONP(JSON with Padding)是JSON的一种“使用模式”,可用于解决主流浏览器的跨域数据访问的问题。由于同源策略,一般来说位于 server...

    关于C#中ajax跨域访问问题

    最近因项目需要,需要跨域请求访问数据。跨域访问是指什么? [跨域]:指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对JavaScript施加的安全限制。所谓同域是指,域名,协议,端口均...

    JSONP跨域请求实例详解

    JSONP(JSON with Padding)是JSON的一种“使用模式”,可用于解决主流浏览器的跨域数据访问的问题。由于同源策略,一般来说位于 server1.example.com 的网页无法与不是 server1.example.com的服务器沟通,而 HTML 的...

    JS跨域交互(jQuery+php)之jsonp使用心得

    JSONP(JSON with Padding)是JSON的一种“使用模式”,可用于解决主流浏览器的跨域数据访问的问题。由于同源策略,一般来说位于 server1.example.com 的网页无法与不是 server1.example.com的服务器沟通,而 HTML 的...

    JSONP跨域请求

    JSONP(JSON with Padding)是JSON的一种“使用模式”,可用于解决主流浏览器的跨域数据访问的问题。由于同源策略,一般来说位于 server1.example.com 的网页js是无法与不是 server1.example.com的服务器沟通,而 ...

    ajax和jsonp跨域的原理本质详解

    同源策略是浏览器的一种安全策略,所谓同源指的是 请求URL地址中的 协议, 域名 和 端口 都相同,只要其中之一不相同就是跨域 同源策略主要为了保证浏览器的安全性 在同源策略下,浏览器 不允许 Ajax跨域获取服务器...

    vue+Java后端进行调试时解决跨域问题的方式

    这时命令行运行vue项目时访问会受限,取不下数据来,遇到了跨域访问失败的问题,这时可以怎么做呢? 首先,要了解什么叫跨域访问? 跨域,指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是...

    2022最新Java面试题及答案总结

    用JSONP抓到的数据并不是JSON,而是任意的JavaScript,用 JavaScript解释器运行而不是用JSON解析器解析。所有,通过Chrome查看所有JSONP发送的Get请求都是js类型,而非XHR。 缺点: 只能使用Get请求 不能注册...

    原生JS封装Ajax插件(同域、jsonp跨域)

    抛出一个问题,其实所谓的熟悉原生JS,怎样的程度才是熟悉呢? 最近都在做原生JS熟悉的练习。。。 用原生Js封装了一个Ajax插件,引入一般的项目,传传数据,感觉还是可行的。。。简单说说思路,如有不正确的地方,还...

    轻松搞定jQuery+JSONP跨域请求的解决方案

    JSONP(JSON with Padding)是JSON的一种“使用模式”,可用于解决主流浏览器的跨域数据访问的问题。由于同源策略,一般来说位于 server1.example.com 的网页无法与不是 server1.example.com的服务器沟通,而 HTML 的...

    JSONP实现原理

    JSONP(JSON with Padding)是JSON的一种“使用模式”,可用于解决主流浏览器的跨域数据访问的问题。由于同源策略,一般来说位于 server1.example.com 的网页无法与不是 server1.example.com的服务器沟通,而 HTML 的...

    JS解决iframe之间通信和自适应高度的问题

    首先说明下,iframe通信 分为:同域通信 和 跨域通信。 一、 同域通信 所谓同域通信是指 http://localhost/demo/iframe/iframeA.html 下的a.html页面嵌套 iframe 比如: &lt;iframe src=”...

    .Net Core Cors中间件的深入讲解

    同源策略和资源跨域共享 1、同源策略 同源策略,它是由Netscape提出的一个著名的安全策略。现在所有支持JavaScript 的浏览器都会使用这个策略。所谓同源是指,域名,协议,端口相同。 1.1、目的 主要是为了保证用户...

Global site tag (gtag.js) - Google Analytics