Fanguang 的个人资料一帆风顺照片日志列表 工具 帮助

日志


8月14日

人体使用手册

正在看《人体使用手册》,有兴趣的朋友可以去看,身体有问题的朋友更要看
 
 
主要是陈玉琴女士的敲胆经
 
8月12日

AJAX and JQuery

一般的网页的更新是通过刷屏和等待来完成的,即使你想刷新屏幕的一部分,那也是不可能的。
 
但 AJAX(asynchronous JavaScript and XML) 却完成了随机刷新部分屏幕的功能,下面简单介绍一下JQuery(www.jquery.com)的用法。
 
1. 下载jquery.js
2.  在你的jsp 或者 html 文件中加入

<head><script type="text/javascript" src="jquery.js"></script></head>

3. 设计你的网页
我有一个网页,显示本月每天的报表,数据来自数据库。开始的时候页面显示每天的销售情况。
在每天的销售简报之后要有:
<div id="dailyDetail200804081"></div>
用来显示每天销售的详细资料。
如果要显示某一天的详细资料,我在每一个月的报表之后添加一个按钮。
按钮的作用是用来显示该月的详细资料:
<input  onclick="ExpandDetail('zhangsan','20080408','200804081')" value="Expand" type="button">
下面的JavaScript 是利用JQuery调用getDailyDetail.jsp?clientid=xxxx&date=xxxxx得到客户clientid1某天date1的数据. 其中的 $("#dailyDetail"+index) 就是上面的
<div id="dailyDetail200804081"></div>

function

ExpandDetail(clientid1, date1, index) {

   $.get('/getDailyDetail.jsp',

    {clientid: clientid1, date: date1},

     function(mydata) {

      $("#dailyDetail"+index).html(mydata);

    });

}