Ajax学习笔记



Ajax与服务器通信

Ajax的理念就是在不刷新整个页面的情况下重新加载其中的部分HTML文档。

Ajax与服务器通信流程:

1.创建XMLHttpRequest对象

2.创建Ajax调用

 2.1 向服务器发送请求:open(),send()方法

 2.2 接收服务器传回的数据：readyState属性与readystatechange事件

 2.3服务器状态：

    status

( 未通过服务器返回成功执行返回的状态为0，如果找不到请求的文件会出错~~

    通过服务器访问的返回http协议定义的状态，如404找不到，200成功执行等。。)

2.4服务器响应:

  返回数据的格式:

  (1)字符串:responseText

  (2)XML:responseXML

3.将Ajax封装成可复用的函数

4.加入回调函数作为参数(可返回数据,函数的扩展性增强)

5. JavaScript的原生方法:setInterval()

Ajax的数据格式:

1.XML

优点:

是一种可扩展的格式,自由定义所需的结构.

符合DOM标准,可用解析普通HTML的方法来解析XML文档.(如：getElementsByTagName(),getAttribute(),parentNode,firstChild,lastChild)

缺点:代码冗余,不可跨域名Ajax调用.

2.HTML

优点:

速度快,加载时间短.

缺点:

没提供详细的控制方法.

3.JSON

优点:对JavaScipt提供原生支持,与平台无关，迅速灵活,可跨域名Ajax调用.

缺点:语法严格，安全问题.

思考:

1.XMLHttpRequest对象的open()方法能接受哪5个参数?其中哪些是可选的?

2.Ajax一词代表什么？

3.为了反复执行Ajax调用，我们用哪个JavaScript原生方法?