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

jsonp实现跨域访问

阅读更多
客户端可以通过javascript和jquery两种方式进行跨域访问。
<!-- Jquery实现跨域访问  -->
<script type="text/javascript">   
function test(){
	$.getJSON("http://test.jsonp.com:8088/JsonpServer/test?jsonp=?",        //jsonp属性执行到服务器端会被自动赋值,值为函数名    
	function (json){    
		alert(json[0].name);   
	}); 
}  
</script> 
<!-- 利用script src属性实现跨域访问-->
<script type="text/javascript">  
  function jsonpCallback(json)   
  {   
  	alert(json[0].name);   
  }   
</script>  
<script type="text/javascript" src="http://test.jsonp.com:8088/JsonpServer/test?jsonp=jsonpCallback"></script>

服务器端:
	public void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException
	{
		//服务器端接到回调函数名字输出回调函数,客户端根据回调函数进行解析取得函数中json对象
		response.setContentType("text/html; charset=utf-8");
		String callback=request.getParameter("jsonp");
		PrintWriter out = response.getWriter();
		out.print(callback+"([ { name:\"跨域访问成功!\"} ] )");
	}
分享到:
评论

相关推荐

    跨域访问禁止以及使用JSONP实现跨域的示例

    在标题"跨域访问禁止以及使用JSONP实现跨域的示例"中,我们将探讨如何应对这一挑战,特别是通过JSONP技术来突破限制。 首先,我们要理解什么是跨域。跨域是指一个域下的文档或脚本试图请求另一个域下的资源。比如,...

    使用JSONP完成HTTP和HTTPS之间的跨域访问

    使用 JSONP 完成 HTTP 和 HTTPS 之间的跨域访问 知识点一: 什么是 JSONP ...通过了解 JSONP 的工作原理、使用场景、优点和缺点,我们可以更好地使用 JSONP 实现跨域访问,提高应用程序的安全性和性能。

    JSONP实现Ajax跨域访问

    ### JSONP实现Ajax跨域访问 #### 一、引言 JSONP(JSON with Padding)是一种用于解决跨域数据访问的技术。由于同源策略(Same-Origin Policy)的存在,JavaScript/Ajax只能请求同源的资源,这给需要跨域访问数据...

    跨域访问解决方法-jsonp

    跨域访问是Web开发中一个常见的挑战,尤其是在进行Ajax异步请求时,浏览器的同源策略(Same-origin policy)会限制JavaScript从一个源获取另一个源的数据。为了解决这个问题,开发者通常采用JSONP(JSON with ...

    jquery下利用jsonp跨域访问实现方法

    总之,jQuery通过`$.getJSON()`和JSONP机制为开发者提供了一种简单的方式来实现跨域数据请求,使得在前后端分离的架构中,前端可以轻松地获取和处理来自其他域的数据。虽然有一些限制,但在许多场景下,JSONP仍然是...

    html通过 ajax jsonp跨域请求接收和传送数据

    这时,HTML通过AJAX和JSONP技术可以实现跨域请求来接收和传送数据。下面将详细讲解这两个概念及其工作原理。 **HTML和AJAX** HTML(HyperText Markup Language)是网页的基础,用于构建网页结构。AJAX...

    AJax与Jsonp跨域访问问题小结

    AJAX与JSONP跨域访问问题小结 ...内容涵盖了从创建XMLHttpRequest对象,到使用AJAX发起异步请求,再到通过JSONP实现跨域访问的一系列知识点。对于开发者而言,这些内容都是实现现代Web应用中不可或缺的重要技术。

    ajax跨域访问

    本文介绍了AJAX跨域访问的基本概念、同源策略以及JSONP实现跨域访问的具体步骤。通过上述示例,我们可以了解到如何在实际项目中应用JSONP来解决跨域问题。虽然JSONP能够有效解决跨域问题,但它也存在一定的局限性,...

    JSONP解决跨域问题

    JSONP(JSON with Padding)是一种跨域数据交互协议,它利用了`&lt;script&gt;`标签可以跨域请求资源的特性,为了解决JavaScript在浏览器端由于同源策略限制无法直接访问不同源的HTTP请求的问题。在本场景中,前端使用...

    使用Jsonp方式跨域获取json

    由于`&lt;script&gt;`标签不受同源策略限制,因此可以实现跨域数据传输。 2. JSONP的工作原理: - 客户端:在HTML页面中,创建一个`&lt;script&gt;`标签,其`src`属性指向服务器上的JSONP接口,同时传递一个回调函数名作为参数...

    jsonp和跨域1

    总结,跨域问题可以通过JSONP方法来解决,它利用了标签的特性绕过同源策略,通过动态创建标签并指定src属性指向跨域的JSON数据源,再由服务器返回包裹在回调函数中的数据,从而实现跨域数据的获取。这种方法在需要向...

    jsonp实现跨域

    JSONP(JSON with Padding)是一种跨域数据交互协议,它利用了HTML的`&lt;script&gt;`标签可以跨域请求资源的特点,来实现JavaScript从一个域获取另一个域的数据。在Web开发中,由于同源策略的限制,JavaScript通常不能...

    jquery下利用jsonp跨域访问实现方法.docx

    JSONP(JSON with Padding)...总之,JSONP是jQuery中实现跨域访问的一种常见方法,尤其在不支持CORS的旧浏览器环境中非常有用。但随着技术的发展,CORS已成为更推荐的跨域解决方案,因为它提供了更多的控制和安全性。

    使用jsonp实现跨域获取数据实例讲解

    在本文中,我们将深入理解JSONP的工作原理,并通过实例来演示如何使用JSONP来获取跨域数据。 1. 同源策略:同源策略是浏览器为了安全考虑而设置的一项机制,它限制了脚本只能访问与当前页面具有相同协议(如HTTP或...

    jsonp跨域解决源代码

    2. JSONP原理:JSONP的基本思想是,服务器提供一个可以接受参数的JavaScript函数名,客户端在请求时传递这个函数名,服务器返回一个调用该函数并带有JSON数据的脚本,`&lt;script&gt;`标签加载这个脚本,从而实现跨域数据...

    bboss mvc 通过jsonp实现跨站跨域远程访问

    总结来说,bboss MVC框架通过JSONP实现跨站跨域访问,主要涉及服务器端的Controller配置、JSONP响应的构建以及客户端的请求发起。开发者需要理解JSONP的工作机制,以及如何在bboss MVC中正确设置响应头和构建JSONP...

Global site tag (gtag.js) - Google Analytics