AJAX自学笔记（二）

一。 要学习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库中已经封装好了这个函数。