跨域问题就是指跨跃不同的站点调用对方的ajax接口时拒绝访问的问题 ,
最近项目有这个需求,下面我把自己的方法记录一下 。
客户端:
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery.getJSON('http://127.0.0.1:8080/steelb2/onSale.do?e=115&jsoncallback=?',function(data){
var html='';
jQuery.each(data,function(entryIndex,entry){
html+='<tr class="bm_line2">';
html+='<td nowrap><div style="width: 45">'+entry['timeString']+'</div></td>';
html+='<td nowrap>'+entry['key'].cityName+'</td>';
html+='<td nowrap>'+entry['key'].goodsName+'</td>';
。。。。
html+='</tr>';
});
jQuery('#datainfo').html(html);
});
});
</script>
服务器:
JSONArray jsonArray = onSaleService.getCategoryJsonArrray();
response.setContentType("text/html;charset=GB2312");
String jsoncallback=request.getParameter("jsoncallback");
PrintWriter out = response.getWriter();
out.println(jsoncallback+"("+jsonArray+")");
关键是URL后面jsoncallback=?参数
分享到:
相关推荐
jQuery使用ajax跨域获取数据
本示例"Jquery跨域Ajax请求测试"将详细讲解如何利用jQuery实现这一功能。 首先,了解同源策略是理解跨域问题的关键。同源策略是浏览器为了保障用户安全而设定的一项机制,它规定了只有来自同一协议、同一域名和同一...
本示例主要展示了如何使用jQuery的Ajax功能解决HTML与PHP之间的跨域问题,结合JSON进行数据交换。让我们详细了解一下这个过程。 首先,我们要理解什么是跨域。在浏览器的安全策略中,由于同源策略的限制,一个域名...
通过在客户端设置`dataType: 'jsonp'`和`jsonp: 'callback'`,然后在服务器端根据请求的回调函数参数构建响应,我们可以实现Ajax跨域获取JSON数据。无论是在.Net的`.handler`还是WebService中,这一过程都是相似的,...
JQuery AJAX 跨域提交参数、接收 JSON 数据 JQuery 的 AJAX 功能是实现异步数据交互的核心部分,对于跨域提交参数和接收 JSON 数据的需求,JQuery 提供了多种解决方案。 首先,JQuery 的 AJAX 功能可以使用 `$....
**Ajax跨域请求问题与jQuery JSONP解析** 在Web开发中,Ajax技术被广泛用于实现页面的异步更新,但浏览器的同源策略(Same-Origin Policy)限制了Ajax请求只能向同源(协议、域名、端口均相同)的服务器发送。这在...
ajax跨域实例 Ajax 跨域操作是指在不同的域名、协议或端口之间进行 Ajax 请求的操作。由于浏览器的同源策略限制,跨域操作需要在前端和服务端指定共同规则,以便实现安全的数据交换。在本文中,我们将讨论两个 ...
摘要:Ajax 在 Web 2.0 时代起着非常重要的作用,然而有时因为同源策略 (SOP)(俗称:跨域问题(cross domain)) 它的作用会受到限制。在本文中,将学习如何克服合作限制。本文以asmx方式搭建webservice作为测试用...
**jQuery AJAX 前后台数据传输详解** 在Web开发中,AJAX(Asynchronous JavaScript and XML)技术被广泛用于实现在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。jQuery库为开发者提供了简单易用的...
AJAX跨域问题的出现是由于浏览器的安全机制,旨在防止恶意网站通过脚本访问其他网站的数据,保护用户隐私。但是,在某些场景下,比如前后端分离的应用、API接口调用等,跨域请求是必要的。针对这一需求,有多种解决...
这里的"Ajax + jQuery跨域获取JSON"是一个典型的Web开发技术应用场景,主要用于解决Web应用程序中不同源之间的数据共享问题。在本案例中,开发者成功地实现了跨域请求以获取JSON数据,并将这些数据用于展示天气预报...
总结一下,jQuery Mobile结合Ajax可以帮助我们在移动应用中实现跨域数据交互,提供流畅的用户体验。关键在于正确配置jQuery的Ajax请求参数和服务器端的CORS策略。记住,虽然CORS允许跨域请求,但也要注意安全性,...
解决ie8、9Ajax跨域问题(前端):jsp引入此js,Jquery Ajax正常写
本示例“demo跨域ajax_DEMO_ajax跨域”着重解决C#后端与JavaScript前端之间的跨域限制。这里我们将深入探讨什么是跨域、为何会产生跨域问题以及如何通过C#和Ajax实现跨域通信。 首先,我们需要了解什么是跨域。根据...
在互联网应用开发中,常常需要从前端向后端发送异步请求以获取数据。由于浏览器同源策略的限制,当请求地址与当前页面地址的协议、域名、端口其中之一不同时,就会出现跨域问题。跨域资源共享(CORS)是一种解决跨域...
总的来说,jQuery通过JSONP提供了一种简单易用的跨域解决方案,使得前端开发人员能够方便地从不同域名的服务器获取数据,丰富了Web应用的功能。然而,由于JSONP的本质是脚本注入,它可能会带来安全风险,如XSS攻击,...
本文实例讲述了JQuery Ajax跨域调用和非跨域调用问题。分享给大家供大家参考,具体如下: 现在的互联网技术发展的越来越快,我们在开发过程中遇到的问题也越来越多。比如当我们需要进行跨域访问数据的时候该如何进行...
**Ajax跨域详解** 在Web开发中,Ajax(Asynchronous JavaScript and XML)技术允许我们实现页面的...通过分析这些文件,开发者可以更好地理解和实践Ajax跨域的解决方案,确保在实际项目中能够顺利地进行跨域数据交互。
jQuery提供了使用ajax进行跨域请求的功能,以实现与不同源的服务器进行数据交互。 首先,要启用jQuery的跨域支持,我们需要设置`jQuery.support.cors`为`true`,这允许jQuery执行跨域请求。在示例代码中,有这样一...