ie 9 kendo ui中ajax跨域的问题

这两天遇到个问题,kendo ui的datagrid,根据json去读取数据,然后前端通过kendo ui的datagrid去渲染,但很奇怪的是,在ie 10,ie 11,chrome,firefox等浏览器中,同样的程序,
浏览起来是没问题的,但把应用放到公网上的一台服务器,
却发现如下情况:


1) ie 9下,不能出现任何数据,但用IE 9浏览器浏览本机的应用,却没任何问题

2) ie 10,chrome等浏览公网的应用和本机的应用,没任何问题,ajax请求的数据能返回给datagrid显示

综合判断,原来发现,公网上的浏览地址http:/xxxxxx/test/xxxxx,用的是80端口,
但ajax请求中,用的是:

<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>

var dataSource = new kendo.data.DataSource({

transport : {
read : {
type : "POST",
url : "<%=basePath%>xxxx/xxx!getxxx.action",
dataType : "json"
},


看到没有,这里用的是带端口的url ajax请求,比如实际就是
http://xxxxxx:80/xxxx!getaxxx.action了,但这个时候,ie 9很奇怪,会判断是跨域请求了(注意:我的web服务器没域名的,就是用IP),所以解决方法简单,或者是用jsonp,
或者就是在ajax请求前,使用:
jQuery.support.cors = true;

其中,关于cors跨域请求,有两篇不错的文章介绍,分别是:

Cross-Origin Resource Sharing (CORS) 是W3C草案拟定的浏览器与服务端如何进行跨域请求的方式,其原理是用自定义HTTP头来让浏览器和SERVER决定request、response的成功或失败。目前几乎所有浏览器都已经支持了(Internet Explorer 8+, Firefox 3.5+, Safari 4+, and Chrome)。

jquery.support.cors只是对CORS协议的一种实现,具体可以看jQuery的源代码,这里不多说。

附上几个很好的参考资料:
http://newhtml.net/using-cors/

http://www.kimhou.com/?p=222

或者就采用的方法是:

<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<script type="text/javascript">
var ctx = '<%=request.getContextPath() %>';
</script>
transport : {
read : {
type : "POST",
url : "${ctx}/assetslist/assetslist!getAssets4json.action",
dataType : "json"
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值