zoukankan      html  css  js  c++  java

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

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

    (rsion.com,锐讯,巴中广州佛山成都网站建设,newmin,new.min,new.min@msn.com,newmin.net,巴中网站建设tel:18608275575锐讯)

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

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

    Code

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

    Code

    (rsion.com,锐讯,巴中广州佛山成都网站建设,newmin,new.min,new.min@msn.com,newmin.net,巴中网站建设tel:18608275575锐讯)

    然后创建具体的获取分析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>

    (rsion.com,锐讯,巴中广州佛山成都网站建设,newmin,new.min,new.min@msn.com,newmin.net,巴中网站建设tel:18608275575锐讯)


    实现大概就如同上面了，但还有问题就是不能跨域进行异步操作
    我采用的是利用webrequest来获取数据在本地生成xml文件，这样就不存在跨域的问题了!
    准备把其他的功能都做上，放在这个地址http://www.rsion.com/ 上面！
  • 相关阅读:
    排列与组合
    C++构造函数虚函数例题
    排序
    Android相机是如何获取到图像的
    《Android进阶》之第七篇 NDK的使用
    递归相关题目
    华为模拟性格测试
    平衡二叉树
    Fragment回调接口应用间分享数据
    IOS中限制TextField中输入的类型以及长度
  • 原文地址：https://www.cnblogs.com/newmin/p/ajax_get_qq_leave_message.html
Copyright © 2011-2022 走看看