创建面向对象的Javascript实现Ajax访问QQ留言板

标题不恰当说明一个问题，功力不深。希望对大家有所帮助，以下代码未采用Jquery，完全JS代码实现用贯了Jquery你还会用手写的Ajax吗？实现效果：[ 关注实现，效果轻描淡写]
刚刚补上的，发布到网上的,

http://qq.rsion.com/msg/959398298你的QQ号码

以下为QQ空间留言板数据文件(xml格式的)
文件名:x.xml

Code

然后开始创建XMLHttpRequestObject对象，其代码为
common.js

Code

然后创建具体的获取分析QQ空间留言板信息的模块
qq.modules.LeaveMessage.js

Code

大功告成就差最后一部显示出来

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>ViewLevMsg</title>
    <style type="text/css">
        body{font-size:12px;}
        #MessageContent{border:solid 1px silver;width:400px;}
        #MessageContent ul{list-style:none;margin:0 5px;padding:0;}
        #MessageContent ul li{border:solid 1px #f0f0f0;margin:5px 0;padding:2px 5px;}
        .msgTop{background:#f0f0f0;line-height:20px;}
        .msgTitle{background:gold;}
        .msgComment{background:white;}
    </style>
    <script type="text/javascript" src="common.js"></script>
    <script type="text/javascript" src="qq.modules.LeaveMessage.js"></script>
</head>
<body>
    <div>
    <div id="title"></div>
    <div>
        <span id="totalNum"></span>
    </div>
    <div id="description"></div>
    <div id="authorsign"></div>
    <div id="MessageContent"></div>
    <script>
        $get("MessageContent").innerHTML = "<ul><li>正在获取数据!</li></ul>";

        var r = new QQLeaveMessage("959398298", 1, 10);
        r.receive(function(t) {
            $get("title").innerHTML = "现在显示的是QQ:" + t.title;
            $get("totalNum").innerText = "共有" + t.totalNum + "条,当前显示"+t.currentDisplayNum+"条";
            $get("description").innerHTML = t.description;
            $get("authorsign").innerHTML = t.authorsign;
            $get("MessageContent").innerHTML = t.messageContent;
        });
    </script>
    </div>
</body>
</html>

实现大概就如同上面了，但还有问题就是不能跨域进行异步操作
我采用的是利用webrequest来获取数据在本地生成xml文件，这样就不存在跨域的问题了!
准备把其他的功能都做上，放在这个地址http://www.rsion.com/ 上面！