关于jquery以及bootstrap合并使用ajax兼容性问题-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

关于jquery以及bootstrap合并使用ajax兼容性问题

2016-05-31 15:40:54 2735 1

框架里使用了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)
  • 吴孟桥
    2019-07-17 19:22:06

    你的语法有错误,json对象标准浏览器最后的那个逗号可以写,ie8-要去掉,要不会报错

    而且注意jquery 2+版本不再支持ie8-。所以倒入框架前要看使用环境。有些是不在支持ie8-了的,你要兼容ie8-要倒入低版本的类库

    
           error:function(data){
                setTimeout(init_area,300);
            }///////////////////////,
    0 0
相关问答

170

回答

惊喜翻倍:免费ECS+免费环境配置~!(ECS免费体验6个月活动3月31日结束)

豆妹 2014-10-29 17:52:21 233895浏览量 回答数 170

145

回答

【新手入门】云服务器linux使用手册

fanyue88888 2012-11-26 17:14:18 160025浏览量 回答数 145

28

回答

钉钉开放平台“常见问题常见问题常见问题“重要请关注

竹梅 2015-12-03 00:39:14 96670浏览量 回答数 28

22

回答

爬虫数据管理【问答合集】

我是管理员 2018-08-10 16:37:41 148982浏览量 回答数 22

31

回答

[@倚贤][¥20]刚学完html/css/js的新手学习servlet、jsp需要注意哪些问题?

弗洛伊德6 2018-10-27 21:52:43 148102浏览量 回答数 31

3

回答

mySQL数据库报错You have an error in your SQL syntax

落地花开啦 2016-02-14 16:09:24 133596浏览量 回答数 3

251

回答

阿里云LNAMP(Linux + Nginx + Apache + MySQL + PHP)环境一键安装脚本

云代维 2014-02-14 15:26:06 310360浏览量 回答数 251

97

回答

Redhat/CentOS一键安装web环境全攻略

xiaofanqie 2011-08-11 14:51:38 125082浏览量 回答数 97

14

回答

域名解析是正确的,但是网站打不开求助!

游客b4ezpaqg54gdq 2019-07-05 11:50:33 123012浏览量 回答数 14

78

回答

【2013.9.5修正版图文】新手如何使用阿里云(linux)服务器建站(搬站)

姑苏公子 2013-04-11 00:39:13 108956浏览量 回答数 78
+关注
0
文章
2240
问答
问答排行榜
最热
最新
相关电子书
更多
JS零基础入门教程(上册)
立即下载
性能优化方法论
立即下载
手把手学习日志服务SLS,云启实验室实战指南
立即下载