`

局部刷新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;

分享到:
评论

相关推荐

    局部刷新源码(C#)

    利用JavaScript代码调用服务器代码,从服务器端返回html到浏览器,再通过JavaScript添加到页面,实现局部刷新.

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

    演示在html中通过js调用php获取数据加载数据到表格中

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

    事件响应刷新:有请求才会刷新 1、通过JS HTML DOM或jQuery获取HTML元素,通过DOM方法或jQuery方法监听页面事件,获取用户请求; 2、通过Ajax将用户请求提交至服务器,服务器处理后返回结果,再由Ajax接收数据; 3、...

    基于BootStrap实现局部刷新分页实例代码

    在之前的工作中我用的分页有很多,一直不牢固,所以自己用起来也不是很顺手,这是一个局部刷新的分页,我试了很多,本想用mvcPager来做局部刷新,但是考虑到成本太高,放弃了,先来总结一下基于bootstrap的分页吧,...

    jQuery实现AJAX定时刷新局部页面实例

    定时局部刷新用到jQuery里面的setInterval方法,setInterval方法两个参数,第一个是设置定时执行的函数名,第二个是时间,如下代码所示,设置每隔10微秒定时执行一次aa方法。 [removed] $(function(){ setInterval...

    django js实现部分页面刷新的示例代码

    今天小编就为大家分享一篇django js实现部分页面刷新的示例代码,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

    jquery刷新页面的实现代码(局部及全页面刷新)

    局部刷新: 这个方法就多了去了,常见的有以下几种; $.get方法,$.post方法,$.getJson方法,$.ajax方法如下 前两种使用方法基本上一样 代码如下: $.get(”Default.php”, {id:”1″, page: “2″ }, function(data)...

    jsp实现局部刷新页面、异步加载页面的方法

    局部刷新页面、异步加载页面方案: 1.在jsp页面需要刷新的地方增加一个控件 &lt;div id=courseList&gt;&lt;/div&gt; 2.新建一个jsp页面:aaa.jsp(用来放置需要刷新的内容) 3.将id为courseList的dom标签重新赋值为需要的页面,...

    Ajax实现带有验证码的局部刷新登录界面

    现在的登录界面大多数都带有:验证码的功能+验证码局部刷新+ajax登录。用ajax登录的好处最明显就是速度快,URL地址没有变化。所有现在登录功能很少再用form表单post提交了,大多数都已经采用了ajax局部访问后台然后...

    网页刷新技术 使用技术为JavaScript,c#,asp.net,html,css

    代码使用技术为JavaScript,c#,asp.net,html,css等等,使用局部刷新技术。

    jQuery ajaxSubmit 实现ajax提交表单局部刷新

    AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。 AJAX 不是新的编程语言,而是一种使用现有标准的新方法。 AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。...

    用Jquery.load载入页面实现局部刷新

    因为开始不懂Jquery,一直想用jquery.load的方法载入新的页面,以实现局部刷新,结果发现载入进来的页面与原来单独的页面不一样,样式没了,后来在网上查了一下,发现了解决办法,这是别人的回答: 是这样的,如果不...

    .NET使用js制作百度搜索下拉提示效果(不是局部刷新)实现思路

    搞了个不是局部刷新的百度搜索框下拉提示效果,在被领导批了n次后,问了n次后,弄出来了,真心感觉我这个小脑壳,太不灵光了,太懒了。记录下来,以免忘记。 大致思路:前台放一个input标签,然后当该标签内的值输入...

    《JavaScript实例精通》[源代码]

    1_2.htm 局部变量和全局变量。 1_3.htm JavaScript中的强制类型转换。 1_4.htm 在HTML中为JavaScript传递变量。 1_5.htm 在HTML中引用JavaScript的变量。 1_6.htm 比较undefined和"undefined"。 第2章(\...

    JQuery实现定时刷新功能代码

    在网页开发中,经常会需要不断的刷新某个页面或某个局部数据。这时候就需要用到定时刷新来实现了。实现方式就是使用JS setInterval函数每隔一段时间请求一次数据,然后将请求结果返回给前端HTML实现刷新。 实现代码...

    ajax局部刷新一个div下jsp内容的方法

    用AJAX刷新一个DIV中的jsp内容 代码如下: [removed] var xmlhttp; function startrefresh(){ xmlhttp=new XMLHttpRequest(); xmlhttp.open(“POST,”ss.jsp”,true); xmlhttp.setRequestHeader(“Content-type”,”...

    自动刷新网页,自动刷新当前页面,JS调用

    reload 方法,该方法强迫浏览器刷新当前页面。语法:location.reload([bForceGet]) 参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页。true, 则以 GET 方式,从服务端取最新的页面, 相当于...

Global site tag (gtag.js) - Google Analytics