本文转载自:http://mengqingyu.iteye.com/blog/408138
客户端可以通过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>
<!-- 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
- {
-
-
response.setContentType("text/html; charset=utf-8");
-
String callback=request.getParameter("jsonp");
- PrintWriter out = response.getWriter();
-
out.print(callback+"([ { name:\"跨域访问成功!\"} ] )");
- }
分享到:
相关推荐
1. 连个tomcat 服务器演示跨域访问 2. JSONP的方式实现跨域访问
主要从三方面来通过jsonp来实现ajax跨域问题: 1.javascript方法 2.jquery $.ajax方法 3.jquery $.getJSON方法 不看会后悔的!
本文将给您介绍如何使用getJSON来实现异步跨域提交表单
jquery下利用jsonp跨域访问实现方法.docx
本文给大家汇总介绍了JavaScript的AJax,JQuery的AJax以及利用jsonp实现跨域访问的问题,非常的细致全面,有需要的小伙伴可以参考下。
ajax跨域访问是一个老问题了,解决方法很多,比较常用的是JSONP方法,JSONP方法是一种非官方方法,而且这种方法只支持GET方式,不如POST方式安全...因此,通过设置Access-Control-Allow-Origin来实现跨域访问比较简单。
了解了jsonp之后,大家应该也都明白了,jsonp主要就是用来实现跨域的获取数据,今天我们就来详细探讨下如何在实际中应用jsonp实现跨域
主要介绍了AngularJS实现的JSONP跨域访问数据传输功能,较为详细的分析了JSONP的概念、功能并结合实例形式给出了AngularJS使用JSONP进行跨域访问数据传输的相关技巧,需要的朋友可以参考下
JSONP(JSON with Padding)是JSON的一种“使用模式”,可用于解决主流浏览器的跨域数据访问的问题。由于同源策略,一般来说位于 server1.example.com 的网页无法与不是 server1.example.com的服务器沟通,而 HTML 的...
主要介绍了Springboot 实现跨域访问 无需使用jsonp的实现代码,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
NULL 博文链接:https://yin-bp.iteye.com/blog/1528721
本文主要是介绍了JSONP跨域是如何实现的,并探讨下JSONP跨域的原理。以及采用JSONP跨域GET请求解决Ajax跨域访问问题,需要的朋友可以参考下
它是一个非官方的协议,它允许在服务器端集成Script tags返回至客户端,通过javascript callback的形式实现跨域访问(这仅仅是JSONP简单的实现形式)。 JSONP就像是JSON+Padding一样(Padding这里我们理解为填充),...
在网站后台跨域访问另一服务器时,若被访问服务器未设置response[‘Access-Control-Allow-Origin’] = ‘*’ 那么将无法获取。 jsonp方法 伪造ajax提交请求 请求端 // 基于jsonp // 原理: ajax 不能直接跨域 。...