静态页面onload方法增加Ajax后对变量的影响
这几天一直在研究treeTable（是一款jQuery的插件），这款插件将普通的表，变成一个可以收缩的treeTable。这种表格主要应用于权限处理，可以使用户一目了然地看见各个资源的继承关系。 上图就是一个简单的treeTable图例。 但是该表是一个静态的表，表格里的内容是一次性从服务器上获取下来，然后插件根据tr的id以及class构建table的层级关系。我的tr以及td的html代码是程序动态生成的，然后输出在页面上，页面加载完成后，利用jQuery给表格的每一列增加一个click事件，用来鼠标点击变换图片。 但是有的时候表格会很大，一个分支下有很多子分支，这时加载表格就需要耗费一些时间了，而子目录的动态加载能很方便的缓解这种压力。因为treeTable插件不支持Ajax，所以自己动手扩展Ajax功能，页面只加载第一级的分支，通过Ajax动态加载子分支。思路确定以后俺就开始“起立咔嚓”地整代码，1小时后treeTable改造完成，鼠标点击分支，动态去数据库读取子分支的数据。心里还挺美的，但是突然发现一个问题： 我页面上的click事件出现问题了，新加载上去的子分支，点击图片不会发生变换。查看页面js方法，发现click的方法是在页面加载完成后进行设置的，而这个时候动态的子分支还没有出现，所以必然导致新的分支没有被加载click方法。而且还有另一个诡异的现象：目前【内部论坛】以及【国内新闻】是动态加载上去的，这个时候点击【图片库】发现【内部论坛】的图片发生了改变，而【内部论坛】所在的位置又恰恰是刚才【图片库】所在的位置。产生这种现象的原因是：【内部论坛】在table中的位置以前是【图片库】的，所以【图片库】的click被触发后，该方法会去改变第3行（也就是以前【图片库】所在行）的图片。 解决方案：click方法直接写入每个td中（因为td是通过后台程序加载的，所以很容易增加click方法），这样新加载的分支也有click方法了。 产生这种问题的原因：在写加载click的方法时，没有考虑到动态的情况。以java代码来考虑客户端，客户端onload方式只在页面加载时才执行。页面加载完成后不再执行，以后再使用该方法时：需要注意变量即方法的调用及使用。
相关文档：
Ajax框架 jQuery
jQuery是一款免费且开放源代码的JavaScript代码库，由John Resig创建。授权协议为GPL和MIT许可证双协议。示例代码： $("p.neat").addClass("ohmy").show("slow"); 特点轻量级经GZip压缩后传输的代码文件仅14KB，未经压缩传送的代码文件仅26KB。 jQuery 1.26版时： 档案档案行数档案Size 备注 jquery-1.2 ......
tree.js
function getRank(rankNum)
{
var rankName="";
switch(rankNum)
{
case 1:
{
rankName="(普通会员)";
break;
}
case 2:
{
&n ......
原文地址】Announcing the Microsoft AJAX CDN
【原文发表日期】 Tuesday, September 15, 2009 11:46 PM
今天早些时候，ASP.NET开发团队推出了一个新的微软Ajax CDN（Content Delivery Network，内容分发网络）服务，该服务提供了对AJAX库（包括jQuery 和 ASP.NET AJAX）的缓存支持。该服务是免费的，不需任何注� ......
这里的ajax可不是大名鼎鼎的ajax俱乐部， 这四个字母在这里Asynchronous JavaScript and XML的缩写。通俗地描述这项技术就是：用 JavaScript 向服务器获取数据，然后更新网页的局部，而不是刷新整个网页。
这项技术非常适合用来开发以浏览器为客户端的系统的界面，使用ajax给用户带来的更好的体验，他们不会感觉到用浏� ......
先来写一个简单的Ajax程序，使用非同步的方式向服务器端取得TXT文件中的内容，并加以显示。首先，请准备一个HelloAjax.aspx(HTML也可)：
*HelloAjax.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="HelloAjax.aspx.cs" Inherits="HelloAjax._Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD ......
