jquery局部刷新DIV及动态时钟显示iterator无法输出数据的问题__function_readComment_start_comment_data_

当前位置: 编程技术>jquery

jquery局部刷新DIV及动态时钟显示iterator无法输出数据的问题

来源: 互联网发布时间：2014-09-03

本文导语: 1、从控制器中查询返回的list结果不能正确的输出数据，但确实返回了结果。后来发现是查询控制器中复制的代码没有删除type="redirect" 重新定位了，所以没有结果输出。代码示例: /notice/notice.jsp 下划线部分是不需要的...

1、从控制器中查询返回的list结果不能正确的输出数据，但确实返回了结果。
后来发现是查询控制器中复制的代码没有删除type="redirect" 重新定位了，所以没有结果输出。

代码示例:

/notice/notice.jsp

下划线部分是不需要的。

2、Jquery动态时钟显示问题，

代码示例:

     function updateDate()

     {

   $("#showDate").html((new Date()).toLocaleString());

  }

  setInterval("updateDate();",1000);

3、真正实现了jquery的利用价值最大化，局部刷新。
实现背景：从一个控制器action中查阅一篇文章，内含文章内容、发表评论、查看评论。
倘若一次全部实现的话，事必增加服务器端的负载量，于是从分页查询中来了灵感，考虑只实现部分。
比如发表评论、查看评论可以令其触发链接才实现，这个功能只在于当分页查阅评论时，由于评论页面是jquery导入的，触发分页的链接会重新刷新全部的页面，不能实现只刷新查阅评论的那个DIV。

1）、阅读文章页面：

代码示例:

发表评论|查看评论

2）、JS代码：

代码示例:

$(function(){a();});

     function a(){

   $("#a1").bind("click",function(){comment();});

   $("#a2").bind("click",function(){readComment(0);});   //初始为从0条记录开始查询

  }

     function comment(){

   $.post("../observer/comment.jsp","", function(data){$("#readObserver").html(data);});

  }

  function readComment(start){

   $.post("../observer/queryObserverByArticleId.action?start="+start,"", function(data){$("#readObserver").html(data);});

  }

3）、评论页面的代码：

代码示例:

关键点：
利用JS和A标记的功能，触发A标记，调用了JS中的readComment(start)方法。