关于jquery以及bootstrap合并使用ajax兼容性问题
框架里使用了jquerybootstrapbaidutemplate，使用ajax的时候发现很多问题，好像IE8以下的都无法发送ajax请求
页面代码如下，为啥IE8以下ajax发送都发不出去，求大神指教，用了smarty框架，变量没有修改
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<!-- Bootstrap -->
<link href="/static/css/bootstrap.min.css" rel="stylesheet">
<link href="/static/css/lib.css" rel="stylesheet">
<link href="/static/css/main.css?20150208" rel="stylesheet">
<!--[if lt IE 9]>
<script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="/static/js/jquery-1.11.1.min.js"></script>
<script src="/static/js/bootstrap.min.js"></script>
<script src="/static/js/baiduTemplate.js"></script>
</head>
<script>
$(document).ready(function(){
$.ajax({
type:"GET",
url:"{!$api_url!}"+"/areas",
dataType:"json",
data:{},
success:function(data){
if(data.result ==0){
var i;
var html = "" ;
for(i=0;i<data.data.length;i++){
html +="<span class='area' id='"+data.data[i].id+"'>"+data.data[i].area+"</span>";
}
$('#area-list').html(html);
bind_area_click();
}else{
setTimeout(init_area,300);
}
},
error:function(data){
setTimeout(init_area,300);
},
});
});
</script>
<body>
{!block name=base!} {!/block!}
</body>
</html>
展开
收起
1
条回答
写回答
写回答
-
你的语法有错误，json对象标准浏览器最后的那个逗号可以写，ie8-要去掉，要不会报错
而且注意jquery 2+版本不再支持ie8-。所以倒入框架前要看使用环境。有些是不在支持ie8-了的，你要兼容ie8-要倒入低版本的类库
error:function(data){ setTimeout(init_area,300); }///////////////////////,2019-07-17 19:22:06赞同 展开评论 打赏
问答分类：
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
问答排行榜
最热
最新
推荐问答
