Web Performance工具 – Dynatrace AJAX Edition
Dynatrace AJAX Edition是我认为最为强大的Web Performance Profile工具。废话不说了，直接上图介绍其主要功能。
先用IE访问你需要profile的网站，例如google，可以点击dynatrace工具栏来启动。这时候dynatrace就开始记录这个网站触发的一切事件。
我简单测试一下，点击google map，并且搜索shanghai，然后回去看看dynatrace可以帮我们分析出什么。
这个是summary，主要包括几大数据：
1）url：所有浏览过的URL路径，每选择其中一个url，下面具体的内容也会根据当前选择的url变化
2）resources & network：所有资源文件的数目，多少是通过网络传输，多少是来自缓存。Network里面会说明花费在网络上的时间分布：DNS解析，建立连接，服务器响应，网络传输
3）JavaScript: 事件触发花费的时间分布，如onload，onclick等等。各个js文件执行时间分布。
4）Timeline：有个时间轴，可以非常清晰的看到CPU，网络，JavaScript执行，页面显示所花费的时间。
下面Timeline：
可以很清晰的看到时间具体的花费分布，以及什么时间触发了什么事件。双击时间轴上面的任何具体时间块，都可以看到具体的内容，我点击一段JavaScript执行时间段来作为例子。下面就是双击后看到的内容：
可以看到完整的调用顺序以及每个函数花费的时间，并且可以展开看到子函数的内容，同时也能看到源代码。所以这个对于发现性能问题是非常有帮助的，很容易让我们发现问题所在。
在Network里面，可以看到和HttpWatch类似的流水图。能看到具体请求和响应的header信息，同时资源内容也能看到。
在Hotspot里面，可以看到花费最多时间的JavaScript代码，这是个找到问题的非常快捷的方法
同时Dynatrace还能支持离线的分析，当关闭浏览器，它会自动保存搜集的数据在本地，并且提供导出和导入的功能，方便协同合作。目前，Dynatrace只能支持IE浏览器，不久的将来应该可以支持Firefox。好了，广告做到这里了，推荐大家用用，有什么心得也可以来分享。
相关文档：
<script type="text/javascript">
//定义XMLHttpRequest对象变量
var xmlHttpRequest;
/*
* 创建XMLHttpRequest对象。
* 本函数主要完成XMLHttpRequest对象的创建，核心分为以下两个部分：
* 第一步：首先判� ......
qooxdoo是一个自由免费的Ajax GUI框架，现在它的1.0版本提供了下载。 qooxdoo的发音为 ['ku:ksdu:],，它提供了使用JavaScript实现几乎所有，建立类桌面Web应用程序所需的用户界面。根据开发者HTML， CSS或 DOM知识不是必需的。这个架构可以运行在所有主流的浏览器上，例如：Internet Explorer, Firefox, Safari, Opera和Chr ......
HTML代码如下:
LoginValidate.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="LoginValidate.aspx.cs" Inherits="LoginValidate" %>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>验证用户名是否存在</title>
<script type="text/j ......
Ajax直接跨域访问，会出现没有权限的错误，一个比较简单可行的解决方案如下：
做一个 ajax请求的 代理servlet 或者jsp，
ajax请求servlet或jsp代理，由servlet或jsp代理去请求ajax要访问的action，然后再将action的响应信息返回给ajax即可，
servlet或jsp充当中介人的角色
servlet 或 jsp 代理的 核心代码如下� ......
function verify() {
//解决中文乱麻问题的方法1，页面端发出的数据作一次encodeURI，服务器段使用new String(old.getBytes("iso8859-1"),"UTF-8");
//解决中文乱麻问题的方法2，页面端发出的数据作两次encodeURI，服务器段使用URLDecoder.decode(old,"UTF-8")
var url = &qu ......
