AJAX和DOM的运行经验

在AJAX的世界中，DOM操作曾让我困惑了好几天。自学之路充满挑战，有时候真恨不得流下泪来。今天终于豁然开朗，愿将这些经验分享给大家，希望能为后来者铺平一些道路，希望资深开发者也能从中得到启示。

我要强调的是，在DOM中对XML的操作与浏览器中的DOM操作不能混淆。比如，`getElementByName`是浏览器内置在document对象中的DOM操作，但你不能将其直接用于操作responseXML。在操作浏览器中的DOM时，你可以使用`document.getElementsByName('tagname')[0].value`来获取控件值，但在处理responseXML时，你必须使用`getElementsByName('tagname')[0].firstChild.data`或`nodeValue`。

如果你打算应用responseXML，那么需要在服务器的响应服务中设置`response.setContentType("text/xml")`。有时候，即使你的AJAX代码修改正确，页面可能仍然显示错误，这往往是浏览器缓存造成的。缓存是个让人头疼的问题，我曾在这上面耗费了整整一天的时间。为了解决这个问题，你可以在服务器响应页面中加入禁止缓存的语句，如`response.setHeader("Cache-Control","no-cache")`。你也可以尝试在URL后附加当前系统的毫秒数（可以通过JS中的`new Date().getTime()`来获取），以绕过浏览器缓存。

由于当前IE的一些标准与W3C不完全一致，我们需要留意一些差异。例如，我们熟知onchange事件用于监视控件的变化，但对于text控件，IE并不支持onchange属性。幸运的是，我们可以使用onpropertychange事件来监听text控件的变化。同样，在除IE以外的浏览器中，我们可以使用setAttribute()来设置CSS属性，但在IE中，我们需要通过`EObj.style.styleattribute=value`的方式来实现。

最后我要提及的是Cambrian的渲染方法。通过调用`cambrian.render('body')`，我们可以启动Cambrian的渲染引擎，将页面呈现给用户。这一步骤是构建交互式网页的重要一环，它使得我们的页面能够动态地响应用户的操作和请求。希望这些经验能帮助你更好地理解AJAX中的DOM操作，避免走入误区。