简单的 ajax 不起作用，可能是语法错误答案

【问题标题】：Simple ajax not working, probably syntax error简单的 ajax 不起作用，可能是语法错误
【发布时间】：2009-12-09 05:13:38
【问题描述】：

window.onload = function(){
  testAjax();
}

var testAjax = function(){
  var request = window.ActiveXObject ? new ActiveXObject("Microsoft.XMLHTTP") : new XMLHttpRequest();
  request.onreadystatechange = function(){
    if (request.readyState == 4){
      // Server is done
       try{
        var p = document.getElementById['a'];
        p.innerHTML = request.responseText;
         //document.write(request.responseText);
       }
       catch(e){
        document.write('More Epic Fail');
       }
    }
  }
  request.open('GET','updatethumbs.php',true);
  request.send(null);
}

【问题讨论】：

好吧，准备好使用 jQuery 或其他框架的 cmets 和答案 :)
尝试使用 Firefox 和 Firebug 或类似调试 JavaScript 的东西。
你想如何设计它？
呵呵，这里的每个人都在帮忙......好吧，酷。祝你好运。

标签： javascript ajax syntax

【解决方案1】：

快速浏览一下：

var p = document.getElementById['a'];

应该是：

var p = document.getElementById('a');

【讨论】：

【解决方案2】：

getElementById 应该有 ()，而不是 []

【讨论】：

【解决方案3】：

是的，使用“圆括号”/圆括号 ()

MSXML 组件有几个名称，根据用户（在本例中为您）安装的内容，它可能无法正常工作。

编辑：（根据问题编辑）

一旦根据 CSS 规范呈现页面，浏览器就不需要重新绘制页面。动态添加进来的item需要使用javascript来样式化。试试，例如：

document.getElementById('a').style.border = "1px solid black";

用于简单的黑色边框。

【讨论】：