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: 页面跳转,或

兼容问题1

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

兼容问题2

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

兼容问题3

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

兼容问题4

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

总结:javascript和jquery(本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>";
				。。。。
			}
			}
		});


如果ajax的success方法返回data是字符串,则dataType: "text", //firefox。

目录
相关文章
|
Web App开发 JavaScript 前端开发
添加浮动按钮点击滚动到网页底部的纯JavaScript演示代码 IE9、11,Maxthon 1.6.7,Firefox30、31,360极速浏览器7.5.3.308下测试正常
添加浮动按钮点击滚动到网页底部的纯JavaScript演示代码 IE9、11,Maxthon 1.6.7,Firefox30、31,360极速浏览器7.5.3.308下测试正常
|
JSON JavaScript 前端开发
JavaScript实现字符串转json对象的方法
JavaScript实现字符串转json对象的方法
|
存储 JSON JavaScript
js中JSON的使用
介绍JSON的基本概念和在JavaScript中的使用方式,包括JSON格式的语法规则、使用`JSON.stringify()`和`JSON.parse()`方法进行对象与字符串的转换,以及处理JSON数组数据。
js中JSON的使用
|
存储 JSON JavaScript
JavaScript JSON
【10月更文挑战第7天】JSON 是 JavaScript 中非常重要的一个数据格式,它为数据的表示和传输提供了一种简单而有效的方式。掌握 JSON 的使用方法和特点,对于开发高质量的 JavaScript 应用具有重要意义。
|
JSON 数据格式
LangChain-20 Document Loader 文件加载 加载MD DOCX EXCEL PPT PDF HTML JSON 等多种文件格式 后续可通过FAISS向量化 增强检索
LangChain-20 Document Loader 文件加载 加载MD DOCX EXCEL PPT PDF HTML JSON 等多种文件格式 后续可通过FAISS向量化 增强检索
1188 2
|
JSON JavaScript 前端开发
js如何格式化一个JSON对象?
js如何格式化一个JSON对象?
549 3
|
XML JSON JavaScript
js的json格式
js的json格式
|
存储 JSON JavaScript
JavaScript JSON
JavaScript JSON
107 5
|
JSON 前端开发 JavaScript
JavaWeb基础8——Filter,Listener,Ajax,Axios,JSON
Filter过滤器、Listener监听器、AJAX、 同步、异步优点和使用场景、Axios异步框架、JSON、js和JSON转换、案例,Axios + JSON 品牌列表查询和添加
JavaWeb基础8——Filter,Listener,Ajax,Axios,JSON
|
JSON JavaScript 前端开发
JavaScript JSON
JavaScript JSON