AJAX和DOM的运行经验
2007-03-07 00:00
260 查看
被AJAX中DOM的操作郁闷了好几天,今天总算搞明白了,自学就是苦啊,苦的一把鼻涕一把泪的,
把教训些出来,给后来者提个醒,老鸟就不要看了。
1.DOM中的对XML的操作不要和浏览器中的弄混掉了,比如getElementByName是浏览器中内置document对象的DOM操作,你用来操作
responseXML就是错误的.在浏览器中,你可以使用document.getElementsByName('tagname')[0].value来获取控件值,但是在操作
responseXML的时候你就必须使用getElementsByName('tagname')[0].firstChild.data (nodeValue一样)。
2.如果你要应用responseXML,那么你要在服务器的应答服务中写上response.setContentType("text/xml");
假如你的AJAX的代码没有一次通过,那么即使在你更改正确后,页面也许还是错误的,这个是讨厌的浏览器缓存造成的,
万恶的缓存,我在这上面耽搁了至少1整天
所以你最好在服务器应答页面写上禁止缓存的语句 response.setHeader("Cache-Control","no-cache");
(请求url后面+当前系统的毫秒数也是一种方法。在js中用new Date().getTime()来获取系统与某一特定时间的毫秒差额。).
3.因为当前IE的一些标准不完全符合W3C。例如:
监视控件的改变我们都知道onchange事件,但是对于text控件IE是不支持onchange属性的,所幸我们
onpropertychange事件来监听text。
再如我们在除IE以外的浏览器中设置CSS属性可以使用setAtrribute(),但是在IE中不支持,同样我们使用
EObj.style.stylearrtibute=value来实现。
把教训些出来,给后来者提个醒,老鸟就不要看了。
1.DOM中的对XML的操作不要和浏览器中的弄混掉了,比如getElementByName是浏览器中内置document对象的DOM操作,你用来操作
responseXML就是错误的.在浏览器中,你可以使用document.getElementsByName('tagname')[0].value来获取控件值,但是在操作
responseXML的时候你就必须使用getElementsByName('tagname')[0].firstChild.data (nodeValue一样)。
2.如果你要应用responseXML,那么你要在服务器的应答服务中写上response.setContentType("text/xml");
假如你的AJAX的代码没有一次通过,那么即使在你更改正确后,页面也许还是错误的,这个是讨厌的浏览器缓存造成的,
万恶的缓存,我在这上面耽搁了至少1整天
所以你最好在服务器应答页面写上禁止缓存的语句 response.setHeader("Cache-Control","no-cache");
(请求url后面+当前系统的毫秒数也是一种方法。在js中用new Date().getTime()来获取系统与某一特定时间的毫秒差额。).
3.因为当前IE的一些标准不完全符合W3C。例如:
监视控件的改变我们都知道onchange事件,但是对于text控件IE是不支持onchange属性的,所幸我们
onpropertychange事件来监听text。
再如我们在除IE以外的浏览器中设置CSS属性可以使用setAtrribute(),但是在IE中不支持,同样我们使用
EObj.style.stylearrtibute=value来实现。
相关文章推荐
- AJAX和DOM的运行经验
- AJAX文档对象模型DOM
- Linux上使用AMD的OpenCL开发运行环境 (经验分享)
- Robot Framework经验谈 -- 将已有库运行为Remote库的例子
- AJAX分段下载/读取HTML内容(有效节省带宽加快运行速度)
- Java中文档对象模型DOM经验小结
- ajax+json+dom+php+mysql省市县三级联动
- ajax+dom+php+mysql实现多级联动效果
- dom方式ajax
- 掌握 Ajax,第 5 部分: 操纵 DOM
- 掌握 Ajax,第 5 部分: 操纵 DOM
- 掌握 Ajax,第 4 部分: 利用 DOM
- 掌握ajax4:利用 DOM 进行 Web 响应
- ajax+js+dom+json+php+mysql 实现google suggest效果
- 掌握 Ajax,第 5 部分: 操纵 DOM
- 掌握 Ajax (4)-利用 DOM 进行 Web 响应
- Ajax操作Dom的基础--节点的添加(二)
- Android webapp Ajax exception `INVALID_STATE_ERR: DOM Exception 11`
- Microsoft Ajax运行环境
- ajax学习之1---Dom