function pinfolists() { $(document).ready( function() { var typeID = document.getElementById("reinfoID").value; var title = document.getElementById("title").value; var stime = $('#sTime').datebox('getValue'); var etime = $('#eTime').datebox('getValue'); if (typeID == 0) { alert("请选择类型"); return; } else { $.ajax( { type : "post", dataType : "json", url : "infosManager.do?action=conListMore", data : { "reinfoID" : typeID, "title" : title, "stime" : stime, "etime" : etime }, success : function(data) { $("#coninfotable").html(""); var widthnumber = [ "45%", "15%", "25%", "15%" ]; var topvalue = [ "标题", "类型", "时间", "操作" ]; var tr = $("<tr>"); for ( var i = 0; i < 4; i++) { var td = $("<td>") .attr("width", widthnumber[i]); tr.append(td.append(topvalue[i])); } $("#coninfotable").append(tr); $.each(data, function(row, obj) { var r = $("<tr>"); for ( var j = 0; j < 4; j++) { var t = $("<td>").attr("id", "p" + j); r.append(t); r.find("#p0").text(obj.title); r.find("#p1").text(obj.infoTypeJson.name); r.find("#p2").text( dateFormat(new Date(obj.pubTime), "yyyy-MM-dd hh:mm:ss")); var ct1=$("<input>").attr("type","hidden").attr("id",obj.id).attr("value",obj.name); var ct2='<input type="button" value="查看" onclick="showReAllInfos('+obj.id+',\''+obj.title+'\')">'; r.find("#p3").append(ct1); r.find("#p3").append(ct2); $("#coninfotable").append(r); } r.appendTo("#coninfotable"); }); } }); } }); } //格式化日期 function dateFormat(x, y) { var z = { M : x.getMonth() + 1, d : x.getDate(), h : x.getHours(), m : x.getMinutes(), s : x.getSeconds() }; y = y.replace(/(M+|d+|h+|m+|s+)/g, function(v) { return ((v.length > 1 ? "0" : "") + eval('z.' + v.slice(-1))).slice(-2) }); return y.replace(/(y+)/g, function(v) { return x.getFullYear().toString().slice(-v.length) }); }
java List转JSON
String json = JSON.toJSONString(conSidPage);
PrintWriter pw = response.getWriter();
response.getWriter().write(json);
pw.flush();
pw.close();
return null;
相关推荐
这个案例是关于如何在基于AdminLTE和Bootstrap的项目中,利用JavaScript实现页面的局部刷新功能。AdminLTE是一款流行的后台管理界面框架,它基于Bootstrap构建,提供了丰富的组件和预设样式,使得开发者能够快速搭建...
在JavaScript和jQuery的世界里,`.ajax`方法是用于异步数据通信的核心工具,它使得页面无需重新加载就能更新部分内容。...通过以上方法,我们可以确保JavaScript代码在局部刷新后依然能够正常运行。
在Web开发中,页面局部刷新和全局刷新是两种常见的功能实现。局部刷新指的是仅更新页面的一部分内容,而无需重新加载整个页面;全局刷新则是指重新加载整个页面。jQuery作为一个广泛使用的JavaScript库,提供了简单...
本方案主要探讨的是如何在ASP.NET框架下实现一个简洁高效的局部刷新功能,特别是在文件上传场景中的应用。 标题"框架式局部刷新最简单解决方案"暗示我们将采用一种简洁的方法来解决在ASP.NET中进行文件上传时的局部...
总结来说,"html通过js调用php代码实现局部刷新"是一个常见的Web开发场景,它结合了HTML的静态结构、JavaScript的动态交互以及PHP的服务器处理能力。通过理解和实践这个过程,开发者可以创建更加高效、用户友好的Web...
示例代码中展示了如何使用JavaScript监听按钮点击事件,获取表单输入值,并通过改变`iframe`的`src`属性来实现局部刷新。 ### 3. Callback(回掉函数) Callback是一种编程模式,通常用于异步操作中,如数据加载...
**jQuery 实现页面局部...本文将深入探讨如何利用jQuery实现页面局部刷新,并提供相应的代码示例。 ### 1. jQuery的基本用法 首先,确保在你的HTML文档中引入了jQuery库,通常通过以下方式引入CDN链接: ```html ...
本篇文章主要介绍的是“AJAX局部刷新”这一技术的应用及其实现方法。 #### 二、AJAX局部刷新技术概述 局部刷新是指只对页面的部分区域进行刷新或更新,而不是整个页面。这种技术可以显著提高用户体验,减少网络...
本文将深入分析如何使用JavaScript结合Ajax来实现定时局部刷新table的功能。 #### 二、定时器setInterval的使用 `setInterval`函数用于设置一个定时器,该定时器会每隔一段时间执行指定的函数或代码块。在这个例子...
2. 接下来,编写JavaScript代码来处理局部刷新。这通常涉及监听事件,比如按钮点击,然后通过改变iframe的`src`属性来加载新的内容。例如: ```javascript document.getElementById('refreshButton')....
这些HTML文件可能包含了JavaScript代码,展示了如何使用上述技术进行页面局部刷新。通过分析这些文件,我们可以深入理解局部刷新的实现原理和具体步骤。 总之,页面局部刷新是提高Web应用性能的关键技术之一。...
局部刷新是一种优化网页用户体验的技术,它允许用户在不重新加载整个页面的情况下更新页面的一部分内容。在本主题中,我们将深入探讨如何使用C#后端代码和JavaScript前端代码实现这一功能。 首先,我们要理解的是,...
1. **易用性**:AjaxAnyWhere提供了一套简单的API,开发者可以通过几行代码轻松实现局部刷新功能。 2. **兼容性**:框架经过优化,支持多种主流浏览器,如Chrome、Firefox、Safari、IE等,确保在不同环境下稳定运行...
2. **JavaScript**:编写JavaScript代码来控制XMLHttpRequest对象,决定何时发送请求,以及如何处理响应。这包括定义请求的URL、HTTP方法(GET或POST)、可能的请求头以及发送的数据。 3. **DOM操作**:当服务器的...
这种技术主要依赖于JavaScript和Ajax(异步JavaScript和XML)来实现。以下是关于HTML页面局部刷新的详细实现步骤和相关知识点: 1. **事件响应刷新**: - **监听事件**:首先,我们需要监听用户的特定行为,例如...
局部刷新允许用户在不重新加载整个页面的情况下更新特定部分,从而提高用户体验和效率。 Bootstrap框架提供了丰富的CSS样式、JavaScript组件和网格系统,使得开发者能够快速地创建出美观且易于使用的界面。在这个...
Struts2作为MVC框架,主要用于处理后端业务逻辑,而jQuery则是一个强大的JavaScript库,简化了前端DOM操作、事件处理以及AJAX交互。在这个“Struts2+jQuery实现局部刷新”的主题中,我们将探讨如何利用这两者的优势...
**MVC3.0局部刷新详解** 在Web开发中,用户界面的响应速度和用户体验是至关重要的。传统的页面刷新方式可能导致整个页面重载,影响用户体验,尤其是在数据交互频繁的场景下。为此,开发者通常会采用“局部刷新”...
它的核心在于使用JavaScript与服务器进行异步数据交换,通过XML或者JSON等格式传输数据,并且更新DOM(Document Object Model)来实现页面的局部刷新。这种技术极大地提升了用户体验,因为用户无需等待整个页面加载...
这里我们将深入探讨四种常见的局部刷新技术:iframe、JavaScript、callback以及Ajax。 首先,**iframe(内联框架)**是最早的局部刷新手段之一。通过在HTML文档中嵌入一个或多个iframe元素,每个iframe可以加载不同...