当前位置:首页 > 开发 > Web前端 > Ajax > 正文

ie 9 kendo ui中ajax跨域的问题

发表于: 2014-05-05   作者:jackyrong   来源:转载   浏览:
摘要: 这两天遇到个问题,kendo ui的datagrid,根据json去读取数据,然后前端通过kendo ui的datagrid去渲染,但很奇怪的是,在ie 10,ie 11,chrome,firefox等浏览器中,同样的程序, 浏览起来是没问题的,但把应用放到公网上的一台服务器, 却发现如下情况: 1) ie 9下,不能出现任何数据,但用IE 9浏览器浏览本机的应用,却没任何问题
这两天遇到个问题,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"



   

ie 9 kendo ui中ajax跨域的问题

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
今天上午花了2个小时研究解决了一个问题,就是使用Jquery,在发送跨域ajax请求的情况下,IE和火狐下
问题描述: 情形一:有服务器A与B(A、B服务器不在同一域中),服务器A中的页面包含有iframe,需要
最近过年的这几天在做毕业设计的时候遇到了一个关于AJAX的跨域问题,本来我是想要用一下聚合数据平
最近过年的这几天在做毕业设计的时候遇到了一个关于AJAX的跨域问题,本来我是想要用一下聚合数据平
最近过年的这几天在做毕业设计的时候遇到了一个关于AJAX的跨域问题,本来我是想要用一下聚合数据平
1 什么叫跨域? 指在A系统(第一方)中通过URL直接调用B系统(第三方),并且两个系统分别部署在不同的
//第一种方法使用jsonp的方式 <script type="text/javascript" src="http://www.youxiaju.com/js
用浏览器,通过XHR(XMLHttpRequest)请求向另外一个域名请求数据时,会碰到跨域(CORS)问题。 COR
浅析Ajax跨域原理及JQuery中的实现分析   AJAX 的出现使得网页可以通过在后台与服务器进行少量数
转自: http://jingyan.baidu.com/article/20b68a88699c16796cec6282.html Kendo UI Web中的图像浏
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号