一。 要学习AJAX,一定要先大概掌握CSS样式列表
CSS 样式表,将数据更有效地表现在网页上,对字体,颜色,内容的间距等等的显示
的一种定义。把XML的数据取出来如何显示在前台,那么就需要CSS技术来做设定
选择符{属性:属性值}
当然这个也包括html的标记。属性如果是词组用引号引起来。如
P{text-align:center;color:red}这样就属于一个定义
那么在Html中 <p 321312/> 这样就会呈现相应样式
同样 p.left{ text-align:center;color:red}
那么在html 中 <p class=”left” 342344/> 就需要这样调用
在CSS中,还可以这样进行类的定义
在CSS样式里面还有一个继承的应用,这个是比较有用的。比如几个同样的图形,就颜色不一样。那么就可以用继承来做。
二。是DOM对象,为我们提供好了一个对象。提供了2种对象,html和xml标准
核心不一样。可以通过javascript 对html页面进行访问。Dom就是一个树形结构的
所以属性能被访问到,每个属性就是相应的标签。方便进行网页编程,这个是JavaScript进行前端编程的基础。
调用html里面的属性的时候,使用的是document对象,即DOM对象。
上面5个事件的作用分别是:
1 在页面进行加载的时候触发的事件(windows.onload)
2 获得DOM对象的节点属性,即获得某个标签。(getElementById)
3 就是新建一个DOM属性,也就是说在html页面新建一个标签(CreateTextElement)
4 就是在标签后面新建文字内容(CreateTextElement)
5 就是为标签新添加一个子节点。在使用的时候是在标签对象使用这个方法,添加文字内容。(appendChild)
对DOM对象的调用一般是在JS文件当中。
Classname这个是在JS文件中告知浏览器使用的是哪个CSS类
第三 异步调用数据
XmlDocument XmlHttpRequest
这个才是核心的东西
首先创建一个XML的request对象 然后取出数据
如果我们不考虑浏览器的类型的话,那么就默认IE的话可以直接用下面语句生成xmlhttprequest对象。利用ActiveX对象
Var xmlhtttp=new ActiveXObject(“Mxml2.XMLHTTP”)
或者用下面语句
var xmlHttp;
function creatXMLHttpRequest()
{
if(window.ActiveXObject){
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if(widow.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}
}
但上面2个都不是最完美的,最完美的应该是有涉及到浏览器的一个判断。这个比较长,通常是封装在一个函数中,最后return一个xmlhttprequest对象.不过在一些常用的AJAX库中已经封装好了这个函数。