一、IE兼容问题
IE6对标准的支持确实太差,本以为用了jQuery可以屏蔽浏览器之间的差异,发现不是那么回事,在FF上能运行正常的JS,到IE上就是没反应。
下面脚本,有两个功能,一个是页面加载时,通过ajax填充select数据,另一个是select change事件发生时,发送ajax请求改变页面table列表。
脚本一、FF上通过,IE不起作用
/*==========加载时执行的语句==========*/
$(function()
{
$.getJSON(ctxpath + "/orgmodel/roletype.do",{ "method": "ajaxGetAll" },
function(data, textStatus){
$.each(data, function(i, n){
var option = new Option(n.name, n.id);
$("#typeSelect").append($(option));
});
});
$("#typeSelect").change(function(event){
value = $("#typeSelect").val();
$("#tbody").empty();
$.getJSON(ctxpath + "/orgmodel/roletype.do",{ "method": "ajaxGetRoleList","roletypeid":value},
function(data, textStatus){
$.each(data, function(i, n){
j = i + 1;
var tr = $("<tr/>");
td1 = $("<td width='4%' align='center'>" + j + "</td>");
td2 = $("<td/>");
input = $("<input type='checkbox' name='ID' value='" + n.id +"'/>");
if(n.disabled){
input.attr("disabled","disabled");
}
a = $("<a href='" + ctxpath + "/orgmodel/globalroleaction.do?action=FindRoleByID&roleid=" + n.id + ">" + n.name + "</a>");
td2.append(input).append(a);
tr.append(td1).append(td2);
tr.appendTo($("#tbody"));
});
});
});
})
脚本二、FF、IE都能通过
$(function()
{
$.getJSON(ctxpath + "/orgmodel/roletype.do",{ "method": "ajaxGetAll" },
function(data, textStatus){
$.each(data, function(i, n){
//var option = new Option(n.name, n.id);
//$("#typeSelect").append($(option));
var option = $("<option value='" + n.id + "'>" + n.name + "</option>");
$("#typeSelect").append($(option));
});
});
$("#typeSelect").change(function(event){
value = $("#typeSelect").val();
$("#tbody").empty();
$.getJSON(ctxpath + "/orgmodel/roletype.do",{ "method": "ajaxGetRoleList","roletypeid":value},
function(data, textStatus){
$.each(data, function(i, n){
j = i + 1;
var tr = $("<tr/>");
var td1 = $("<td width='4%' align='center'>" + j + "</td>");
var td2 = $("<td/>");
var input = $("<input type='checkbox' name='ID' value='" + n.id +"'/>");
if(n.disabled){
input.attr("disabled","disabled");
}
var a = $("<a>" + n.name + "</a>");
a.attr("href",ctxpath + "/orgmodel/globalroleaction.do?action=FindRoleByID&roleid=" + n.id );
td2.append(input);
td2.append(a);
tr.append(td1).append(td2);
tr.appendTo($("#tbody"));
});
});
});
})
“脚本一”中总共写了两段代码,IE居然一个都不能通过,太不给面子了!还好,通过其它方式,最终运行起来了。
二、IE缓存问题
在使用ajax get请求情况下,IE使用缓存数据,FF不存在这种情况。
换成Post方式,问题就解决了。
三、中文问题
使用get请求,参数附加在url上,会出现中文问题,我用的Tomcat,要解决也可以,把Tomcat容器URIEncoding设成utf-8,但这样不通用。换成Post方式提交,问题解决。
分享到:
相关推荐
通过这个jQuery调试插件,开发者可以更高效地定位和解决JavaScript代码中的问题,提高了开发效率,减少了调试过程中的烦躁感。同时,它的自定义选项使它能很好地融入到各种项目环境中。如果你正在寻找一个更直观、更...
triggerTracker, 用于跟踪jQuery事件的jQuery调试工具 triggerTrackerTriggerTracker是跟踪jQuery事件的工具。 它是一个单独的JavaScript文件,当加载时,它向与jQuery事件触发和事件处理程序相关的浏览器的控制台...
**jQuery调试** jQuery库提供了丰富的API和方法,如选择器、DOM操作、事件绑定等,这些在实际开发中经常遇到。调试jQuery代码时,关键在于理解每个函数的作用和参数,以及它们如何与DOM元素相互作用。这款工具允许...
Chrome DevTools的Backbone和jQuery调试扩展。特征Spine为jQuery和Backbone应用程序提供调试功能,包括... 详细的AJAX和Backbone事件跟踪事件关联和过滤用于模拟AJAX请求响应的伪造服务器方便存储用户定义JavaScript...
(WordPress插件)WordPress的jQuery Manager ... WordPress的终极jQuery调试工具。为什么还有另一个jQuery Updater / Manager / Developer / Debugging工具? 因为没有开发人员工具让您选择特定版本的jQuery和/或jQuer
要结合jQuery调试热门商家,我们需要首先引入高德地图的JavaScript库,并初始化地图实例。代码示例如下: ```javascript var map = new AMap.Map('container', { zoom: 13, // 初始化地图的缩放级别 center: [116...
- **工具介绍**:介绍了几种常用的jQuery调试工具,如Chrome开发者工具等。 - **调试技巧**:分享了一些提高调试效率的小技巧,帮助开发者快速定位问题所在。 #### 第5章:使用jQuery查看SharePoint数据 - **数据...
8. **工具的使用**:作为标签之一,"工具"可能意味着文章会提到一些用于.NET开发和jQuery调试的实用工具,如Visual Studio IDE、NuGet包管理器、浏览器的开发者工具等。 9. **性能优化**:结合.NET和jQuery,开发者...
1. **jQuery调试**: 使用浏览器的开发者工具,如Chrome的DevTools或Firefox的Developer Edition,可以帮助我们调试jQuery代码,查看选择器的结果、检查DOM变化等。 2. **代码压缩与合并**: 在生产环境中,通常会使用...
《JQUERY ASP代码调试工具V1.0:深入理解与应用》 在Web开发领域,JQUERY和ASP的结合为开发者提供了强大的功能和便捷性。本文将围绕"JQUERY ASP代码调试工具V1.0"这一主题,详细介绍该工具的特点、使用方法以及它在...
- 开发时,可利用未压缩的`jquery-1.12.4.js`进行调试,配合浏览器的开发者工具查看和理解代码执行过程。 - 生产环境中,推荐使用`jquery-1.12.4.min.js`以提高页面加载速度。 - 遇到具体问题时,查阅CHM文件中的API...
在网页开发过程中,调试JavaScript、jQuery以及ASP脚本程序是不可或缺的环节。而"JQUERY ASP代码调试工具",由爱泡网APO.CN提供的这款工具,专门针对此类需求,为开发者提供了一个高效便捷的调试平台。本文将详细...
在Web开发中,jQuery是一个广泛使用的JavaScript库,它极大地简化了DOM操作、事件处理、动画效果和Ajax交互。本文将深入探讨如何有效地调试...在实际操作中,不断实践和总结,将使你的jQuery调试技巧更加炉火纯青。
`jquery-1.9.1.js`是未压缩的源代码版本,便于开发者阅读、调试和学习,而`jquery-1.9.1.min.js`是经过压缩和优化后的版本,体积更小,适用于生产环境,以提高页面加载速度。 jQuery 1.9.1版本是一个重要的里程碑,...
总的来说,`jquery-3.1.1.js`和`jquery-3.1.1.min.js`是jQuery库的两种形式,前者适合学习和调试,后者适用于优化性能。在Bootstrap Treeview插件中,jQuery提供了强大的功能,使得构建和管理层级结构的UI变得...
未压缩版本主要用于开发环境,便于调试和理解代码;而压缩版本则用于生产环境,通过去除空格、注释和简化变量名等方式减小文件大小,提高页面加载速度。 1. **选择器**:jQuery的选择器基于CSS,支持ID、类、属性等...
《jQuery核心库:深入理解jquery-3.3.1.js与jquery.min-3.3.1.js》 jQuery,作为一款广泛使用的JavaScript库,极大地简化了网页中的DOM操作、事件处理、动画设计以及Ajax交互。在给定的文件中,我们有两个版本的...
开发者通常在开发和调试阶段使用这个版本,因为它包含了详细的注释和易于理解的代码结构,便于我们理解jQuery的内部工作原理,以及方便在遇到问题时进行调试。未压缩的版本虽然文件体积较大,但其清晰的代码结构对...
《jQuery 1.11.1:高效前端开发的核心库》 jQuery,作为JavaScript库的代表性作品,一直以来都是Web开发者的重要工具。这个压缩包包含了两个版本的jQuery——`jquery-1.11.1.js`和`jquery-1.11.1.min.js`,它们都是...
理解源码可以帮助开发者更好地调试问题,甚至进行二次开发。 jQuery的生态丰富,它支持多种插件和扩展,可以满足各种复杂需求。例如,对于动画效果,有jQuery UI提供丰富的组件和效果;对于Ajax操作,$.ajax()函数...