ajax 缩略代码示例

最新推荐文章于 2024-09-24 09:19:15 发布

popkiler

最新推荐文章于 2024-09-24 09:19:15 发布

阅读量631

点赞数

分类专栏： adjax 文章标签： ajax xmlhttprequest function blogs null blog

本文链接：https://blog.csdn.net/popkiler/article/details/1753153

版权

adjax 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

========================================
var XMLHttpReq;
  //创建XMLHttpRequest对象
function createXMLHttpRequest() {
    if (window.XMLHttpRequest) { //Mozilla 浏览器
        XMLHttpReq = new XMLHttpRequest();
    } else {
        if (window.ActiveXObject) { // IE浏览器
            try {
                XMLHttpReq = new ActiveXObject("Msxml2.XMLHTTP");
            }
            catch (e) {
                try {
                    XMLHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
                }
                catch (e) {
                }
            }
        }
    }
}
//发送请求函数
function loadRequest() {
    createXMLHttpRequest();
    var url = "first";
    XMLHttpReq.open("GET", url, true);
    XMLHttpReq.onreadystatechange = processLoadResponse;//指定响应函数
    XMLHttpReq.send(null); // 发送请求
}
// 处理返回信息函数
function processLoadResponse() {
if (XMLHttpReq.readyState == 4) { // 判断对象状态
    if (XMLHttpReq.status == 200) { // 信息已经成功返回，开始处理信息
            AddBlogList();
            AddArticleList();
   setTimeout("loadRequest()", 10000);
        } else { //页面不正常
            window.alert("您所请求的页面有异常。");
        }
   }
}
// 增加Blog函数
function AddBlogList() {
  deleteBlogList();
  var xmlDoc =XMLHttpReq.responseXML;
    var blogs = xmlDoc.getElementsByTagName("blog");
    var currentBlog = null;
    for(var i = 0; i < blogs.length; i++) {
        currentBlog = blogs[i];
        var id =currentBlog.getElementsByTagName("id")[0].firstChild.nodeValue;
        var name =currentBlog.getElementsByTagName("name")[0].firstChild.nodeValue;

      var row = document.createElement("tr");
      row.setAttribute("id",id);
      var cell = document.createElement("td");
      cell.appendChild(document.createTextNode("NO " + (i+1) + "."));
      row.appendChild(cell);

      cell = document.createElement("td");
      var href = document.createElement("a");
     href.setAttribute("href","openBlog?blogid=" + id);

   href.appendChild(document.createTextNode(name));
      cell.appendChild(href);
      row.appendChild(cell);

      document.getElementById("blogList").appendChild(row);
  }
}

// 增加Article函数
function AddArticleList() {
  deleteArticleList();
  var xmlDoc =XMLHttpReq.responseXML;
    var articles = xmlDoc.getElementsByTagName("article");
    var currentArticle = null;
    for(var i = 0; i < articles.length; i++) {
        currentArticle = articles[i];
        var id =currentArticle.getElementsByTagName("id")[0].firstChild.nodeValue;
        var name =currentArticle.getElementsByTagName("title")[0].firstChild.nodeValue;
        var time =currentArticle.getElementsByTagName("time")[0].firstChild.nodeValue;

      var row = document.createElement("tr");
      row.setAttribute("id",id);
      var cell = document.createElement("td");
      var href = document.createElement("a");
     href.setAttribute("href","openArticle?articleid=" + id);
   href.appendChild(document.createTextNode(name));
      cell.appendChild(href);
      row.appendChild(cell);

      cell = document.createElement("td");
      cell.appendChild(document.createTextNode(time));
      cell.setAttribute("width",110);
      row.appendChild(cell);