`
smiky
  • 浏览: 257792 次
  • 性别: 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方法的语句,且给这个方法传递了参数

 

分享到:
评论

相关推荐

    web前端跨域取JSON

    "跨域"是指一个域名下的网页尝试访问另一个域名下的资源时,由于浏览器的安全策略限制,这种行为通常会被禁止,这就是所谓的同源策略(Same-origin policy)。而JSON(JavaScript Object Notation)是一种轻量级的...

    Javascript跨域和Ajax跨域解决方案

    JavaScript跨域和Ajax跨域是Web开发中常见的问题,尤其在进行前后端分离或API调用时,由于浏览器的同源策略限制,不同域名、协议或端口的资源请求会被阻止,这就是所谓的“跨域”。本文将深入探讨JavaScript和Ajax...

    javascript跨域方案总结

    JavaScript跨域方案是Web开发中的一个重要主题,尤其是在构建现代Web应用程序时。由于浏览器的安全策略,JavaScript在不同域名之间默认不允许进行通信,这就是所谓的“同源策略”。然而,开发者经常需要在多个域之间...

    js解决跨域访问问题

    JSONP的基本原理是利用`&lt;script&gt;`标签不受同源策略限制的特点,通过动态插入`&lt;script&gt;`标签来实现跨域数据请求。下面是一个使用jQuery实现的JSONP示例: ```javascript $.ajax({ type: "GET", url: '...

    vue中axios实现数据交互与跨域问题

    总结来说,axios在Vue项目中用于数据交互非常便利,但在进行跨域数据交互时需要特别注意。通过上述方法可以有效解决跨域问题,但需根据实际情况选择合适的解决方案。本文中提供的实例和方法,可以为Vue开发人员提供...

    跨域安全JAR包

    JSONP是一种早期的跨域数据交互协议,它的主要限制在于只能支持GET请求,且存在安全性问题。本JAR包的引入,使得开发者可以更安全、更灵活地处理AJAX的跨域请求,支持POST、PUT等复杂HTTP方法。 首先,我们需要理解...

    JavaScript跨域 node example.

    总结一下,JavaScript跨域在Node.js中可以通过启用CORS或使用JSONP来解决。CORS提供了更安全、灵活的跨域解决方案,而JSONP则适用于较旧的或只支持GET请求的环境。理解并正确应用这些技术,可以极大地提升Web应用的...

    JQuery跨域访问解决方案

    5. **执行回调函数**:浏览器接收到响应后,会自动执行这个函数,将服务器返回的JSON数据作为参数传递进去,从而实现了跨域数据交换。 需要注意的是,JSONP仅支持GET请求,因为`&lt;script&gt;`标签只适用于GET请求。如果...

    demo跨域ajax_DEMO_ajax跨域_

    在Web开发中,跨域(Cross-Origin)是一个常见的问题,特别是在使用Ajax进行异步数据交互时。本示例“demo跨域ajax_...通过理解并正确实施这些策略,你可以确保C#服务器与任何合法源的前端应用顺利进行跨域数据交换。

    cesium跨域加载问题

    在Web开发中,由于浏览器的安全策略,不同源的JavaScript无法直接访问或操作彼此的数据,这就是所谓的“同源策略”(Same-Origin Policy)。然而,当使用Cesium进行3D地球渲染时,我们可能需要加载来自不同源的数据...

    前端跨域+后端跨域.zip

    在浏览器的安全策略中,每个网页都有一个源(协议+域名+端口),同源策略规定了JavaScript只能访问与自身源相同的资源,而对不同源的请求则被禁止,这就是所谓的跨域。跨域限制了恶意网站读取其他网站的数据,保障了...

    JavaScript跨域调用基于JSON的RESTful API_.docx

    【JavaScript跨域调用基于JSON的RESTful API】 在Web开发中,JavaScript是客户端脚本语言,主要用于增强用户界面和实现动态交互。然而,由于浏览器的同源策略(Same Origin Policy),JavaScript在处理AJAX...

    jQuery使用JSONP实现跨域获取数据的三种方法详解

    以下是使用$.ajax()方法获取跨域数据的示例代码: ```javascript $.ajax({ type: "get", // 由于JSONP是GET请求,所以这里的类型通常设置为"get" dataType: 'jsonp', // 设置请求类型为jsonp url: '***', // ...

    showModalDialog跨域解决例子

    通过向新窗口发送消息,然后在新窗口中监听这些消息,实现跨域数据交换。 5. **IFrame嵌套**:虽然`showModalDialog`本身不能跨域,但可以在同源的页面中嵌入一个IFrame,然后在这个IFrame内打开目标跨域页面。这样...

    Web站点跨域说明

    当一个请求试图从一个域访问另一个域的资源时,如果这两个域不同,浏览器就会阻止这次请求,这就是所谓的跨域问题。 "Web站点跨域说明"主要关注如何解决这个问题。在描述中提到的"虚拟路径资源跨域问题",可能是指...

    Geoserver跨域问题解决方案

    在IT行业中,尤其是在Web开发领域,跨域问题是一个常见的挑战,尤其当涉及到GIS(地理信息系统)服务时,如Geoserver...通过这个过程,我们可以为不同的客户端提供安全、可靠的跨域数据访问,从而实现更灵活的GIS应用。

    解决ajax跨域问题

    这就是所谓的“跨域问题”。 为了解决AJAX跨域问题,开发者可以采用以下几种策略: 1. JSONP(JSON with Padding) JSONP是一种绕过同源策略的方法,它利用了`&lt;script&gt;`标签不受同源策略限制的特点。JSONP的工作原理...

    ajax jsonp 跨域处理

    在Web开发中,由于浏览器的安全策略限制,JavaScript通常不能直接访问不同源(协议、域名或端口不同)的资源,这就是所谓的“同源策略”。然而,随着Web应用的发展,跨域数据交互的需求日益增强,Ajax与JSONP成为...

    iframe跨域访问示例

    在实际应用中,选择哪种跨域方法取决于具体的需求,如兼容性、安全性、数据交换的复杂性等。同时,开发者需要注意跨域访问可能带来的安全风险,如XSS(跨站脚本攻击)和CSRF(跨站请求伪造)。 综上所述,iframe...

Global site tag (gtag.js) - Google Analytics