• [转]IE9.0或者360下js(JavaScript、jQuery)不能正确执行(加载),按F12后执行正常;Firefox下ajax的success返回数据data(json、string)无法获取


    兼容问题1:

    页面的分享等插件加载不全,并无法点击。

    兼容问题2:

    IE下页面选择器(#id、.class.etc.)绑定click事件无法访问到,后台springmvc方法,也无法获取ajax的success方法返回值data。

    兼容问题3:

    在IE和Google下能够获取,ajax的success返回的数据data,但firefox下获取不到。

    兼容问题4:

    页面跳转,或url进入,js代码不能正确执行,如果按了F12后(开启F12),JavaScript(加载)事件可以正常响应,一切都正常执行。

    总结:javascriptjQuery(本js)等,在不同的浏览器下会有很大不同的区别,所以积累这些兼容的经验,以便解决前端问题。

               感觉ie和chrome有的时候有点像,可是到ie11就感觉和firefox有点像了。

               问题的来源:js冲突(导入)或者js版本,浏览器兼容等。

    解决1:

           html页面的加载有多种写法:

           如1:$(function(){ ... });

           如2:window.onload=function(){ ... }

           如3:$(document).ready(function(){ ...  });

          希望同一个页面,使用其中一种,即可,如果都使用,则会有问题,并却在")"后边,该有分号";"请不要省略。

         还有导入时候:

         <script type="text/javascript" src="/js/jquery-1.11.1.min.js"></script>

         <script type="text/javascript" src="/js/jquery-1.8.0.min.js"></script>,引入一个即可,多个会冲突,小心jsp页面导入冲突。

    解决2、4:

          其他js事件异常,代码用到console对象,某些版本的ie (360等)不打开控制台("F12")是没有console这个对象,在IE中使用了console.log导致的。删除console.log对象。

    解决3:

          firefox对ajax的返回值都是XML Document,所以,一般做IE、chrome和firefox两个分支,

         getBrowserNV()方法

    //解决firefox提交兼容,firefox and chrome button -> ajax and submit conflict,and firefox response data default xml type.  
        var browser = getBrowserNV();  
        var reqPath = $("#req").val();  
        if(browser.indexOf("firefox") != -1){//firefox  
            $.ajax({  
                url:reqPath + "/mvc/getcity?id="+value+"&date="+new Date(),  
                type:"get",  
                dataType: "json", //firefox  
                success:function(data){  
                var county = eval(data);  
                    。。。。  
                }  
                }  
            });  
        }else{//ie ,chrome etc.  
            $.ajax({  
                url:reqPath + "/mvc/getcity?id="+value+"&date="+new Date(),  
                type:"get",  
                success:function(data){  
                var county = eval(data);  
                var options = "<option value='0'>请选择城市</option>";  
                    。。。。  
                }  
                }  
            }); 
    

      

  • 相关阅读:
    [ts]类
    【跨域】jsonp的实现
    [ts]基础类型
    在Crystal Report中将数字转为英文
    合并 GridView 的单元格
    C#动态加载DLL
    在网页处理按键事件
    SQL Server 2005 中新CTE语法 递归性能测试
    连接远程服务器共享
    Asp.net 文件下载
  • 原文地址:https://www.cnblogs.com/mmzuo-798/p/7218882.html
Copyright © 2020-2023  润新知