`

局部刷新JS主要代码

 
阅读更多
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)用JS实现的局部刷新的案例

    这个案例是关于如何在基于AdminLTE和Bootstrap的项目中,利用JavaScript实现页面的局部刷新功能。AdminLTE是一款流行的后台管理界面框架,它基于Bootstrap构建,提供了丰富的组件和预设样式,使得开发者能够快速搭建...

    jquery .ajax 局部刷新之后 js无法调用问题解决

    在JavaScript和jQuery的世界里,`.ajax`方法是用于异步数据通信的核心工具,它使得页面无需重新加载就能更新部分内容。...通过以上方法,我们可以确保JavaScript代码在局部刷新后依然能够正常运行。

    jQuery 局部div刷新和全局刷新方法总结

    在Web开发中,页面局部刷新和全局刷新是两种常见的功能实现。局部刷新指的是仅更新页面的一部分内容,而无需重新加载整个页面;全局刷新则是指重新加载整个页面。jQuery作为一个广泛使用的JavaScript库,提供了简单...

    框架式局部刷新最简单解决方案

    本方案主要探讨的是如何在ASP.NET框架下实现一个简洁高效的局部刷新功能,特别是在文件上传场景中的应用。 标题"框架式局部刷新最简单解决方案"暗示我们将采用一种简洁的方法来解决在ASP.NET中进行文件上传时的局部...

    html通过js调用php代码实现局部刷新

    总结来说,"html通过js调用php代码实现局部刷新"是一个常见的Web开发场景,它结合了HTML的静态结构、JavaScript的动态交互以及PHP的服务器处理能力。通过理解和实践这个过程,开发者可以创建更加高效、用户友好的Web...

    页面四种局部刷新技术.txt

    示例代码中展示了如何使用JavaScript监听按钮点击事件,获取表单输入值,并通过改变`iframe`的`src`属性来实现局部刷新。 ### 3. Callback(回掉函数) Callback是一种编程模式,通常用于异步操作中,如数据加载...

    jquery实现页面局部刷新

    **jQuery 实现页面局部...本文将深入探讨如何利用jQuery实现页面局部刷新,并提供相应的代码示例。 ### 1. jQuery的基本用法 首先,确保在你的HTML文档中引入了jQuery库,通常通过以下方式引入CDN链接: ```html ...

    ajax局部刷新技术ajax局部刷新技术ajax局部刷新技术

    本篇文章主要介绍的是“AJAX局部刷新”这一技术的应用及其实现方法。 #### 二、AJAX局部刷新技术概述 局部刷新是指只对页面的部分区域进行刷新或更新,而不是整个页面。这种技术可以显著提高用户体验,减少网络...

    定时局部刷新table

    本文将深入分析如何使用JavaScript结合Ajax来实现定时局部刷新table的功能。 #### 二、定时器setInterval的使用 `setInterval`函数用于设置一个定时器,该定时器会每隔一段时间执行指定的函数或代码块。在这个例子...

    基于AdminLTE(bootstrap)用iframe实现的局部刷新的案例

    2. 接下来,编写JavaScript代码来处理局部刷新。这通常涉及监听事件,比如按钮点击,然后通过改变iframe的`src`属性来加载新的内容。例如: ```javascript document.getElementById('refreshButton')....

    页面局部刷新

    这些HTML文件可能包含了JavaScript代码,展示了如何使用上述技术进行页面局部刷新。通过分析这些文件,我们可以深入理解局部刷新的实现原理和具体步骤。 总之,页面局部刷新是提高Web应用性能的关键技术之一。...

    局部刷新源码(C#)

    局部刷新是一种优化网页用户体验的技术,它允许用户在不重新加载整个页面的情况下更新页面的一部分内容。在本主题中,我们将深入探讨如何使用C#后端代码和JavaScript前端代码实现这一功能。 首先,我们要理解的是,...

    ajaxAnyWhere局部刷新框架

    1. **易用性**:AjaxAnyWhere提供了一套简单的API,开发者可以通过几行代码轻松实现局部刷新功能。 2. **兼容性**:框架经过优化,支持多种主流浏览器,如Chrome、Firefox、Safari、IE等,确保在不同环境下稳定运行...

    AJAX局部刷新案例

    2. **JavaScript**:编写JavaScript代码来控制XMLHttpRequest对象,决定何时发送请求,以及如何处理响应。这包括定义请求的URL、HTTP方法(GET或POST)、可能的请求头以及发送的数据。 3. **DOM操作**:当服务器的...

    HTML页面局部刷新的实现代码

    这种技术主要依赖于JavaScript和Ajax(异步JavaScript和XML)来实现。以下是关于HTML页面局部刷新的详细实现步骤和相关知识点: 1. **事件响应刷新**: - **监听事件**:首先,我们需要监听用户的特定行为,例如...

    bootstarp+iframe 实现局部刷新 后台模板

    局部刷新允许用户在不重新加载整个页面的情况下更新特定部分,从而提高用户体验和效率。 Bootstrap框架提供了丰富的CSS样式、JavaScript组件和网格系统,使得开发者能够快速地创建出美观且易于使用的界面。在这个...

    Struts2+jQuery(不用JSON)实现局部刷新

    Struts2作为MVC框架,主要用于处理后端业务逻辑,而jQuery则是一个强大的JavaScript库,简化了前端DOM操作、事件处理以及AJAX交互。在这个“Struts2+jQuery实现局部刷新”的主题中,我们将探讨如何利用这两者的优势...

    MVC3.0局部刷新

    **MVC3.0局部刷新详解** 在Web开发中,用户界面的响应速度和用户体验是至关重要的。传统的页面刷新方式可能导致整个页面重载,影响用户体验,尤其是在数据交互频繁的场景下。为此,开发者通常会采用“局部刷新”...

    AJAX局部刷新技术

    它的核心在于使用JavaScript与服务器进行异步数据交换,通过XML或者JSON等格式传输数据,并且更新DOM(Document Object Model)来实现页面的局部刷新。这种技术极大地提升了用户体验,因为用户无需等待整个页面加载...

    四种局部刷新技术

    这里我们将深入探讨四种常见的局部刷新技术:iframe、JavaScript、callback以及Ajax。 首先,**iframe(内联框架)**是最早的局部刷新手段之一。通过在HTML文档中嵌入一个或多个iframe元素,每个iframe可以加载不同...

Global site tag (gtag.js) - Google Analytics