ie 9 kendo ui中ajax跨域的问题
这两天遇到个问题,kendoui的datagrid,根据json去读取数据,然后前端通过kendoui的datagrid去渲染,但很奇怪的是,在ie10,ie11,chrome,firefox等浏览器中,同样的程序,
浏览起来是没问题的,但把应用放到公网上的一台服务器,
却发现如下情况:
1)ie9下,不能出现任何数据,但用IE9浏览器浏览本机的应用,却没任何问题
2)ie10,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" },
看到没有,这里用的是带端口的urlajax请求,比如实际就是
http://xxxxxx:80/xxxx!getaxxx.action了,但这个时候,ie9很奇怪,会判断是跨域请求了(注意:我的web服务器没域名的,就是用IP),所以解决方法简单,或者是用jsonp,
或者就是在ajax请求前,使用:
jQuery.support.cors=true;
其中,关于cors跨域请求,有两篇不错的文章介绍,分别是:
Cross-OriginResourceSharing(CORS)是W3C草案拟定的浏览器与服务端如何进行跨域请求的方式,其原理是用自定义HTTP头来让浏览器和SERVER决定request、response的成功或失败。目前几乎所有浏览器都已经支持了(InternetExplorer8+,Firefox3.5+,Safari4+,andChrome)。
jquery.support.cors只是对CORS协议的一种实现,具体可以看jQuery的源代码,这里不多说。
附上几个很好的参考资料:
http://newhtml.net/using-cors/
http://www.kimhou.com/?p=222
或者就采用的方法是:
<c:setvar="ctx"value="${pageContext.request.contextPath}"/>
<scripttype="text/javascript">
varctx='<%=request.getContextPath()%>';
</script>
transport:{
read:{
type:"POST",
url:"${ctx}/assetslist/assetslist!getAssets4json.action",
dataType:"json"
相关推荐
结束数据方法的参数,该如何定义?-- 集合为自定义实体类中的结合属性,有几个实体类,改变下标就行了。<input id="add" type="button" value="新增visitor&quo