Ajax技术基础介绍

Ajax的局限性

1.无法跨域

2.对搜索引擎抓取不利

它可能破坏浏览器的后退与加入收藏书签功能
知识点：
1.XMLHttpRequest对象
介绍：XMLHttpRequest对象提供了对 HTTP 协议的完全的访问，包括做出 POST 和 HEAD 请求以及普通的 GET 请求的能力。XMLHttpRequest 可以同步或异步地返回 Web 服务器的响应，并且能够以文本或者一个 DOM 文档的形式返回内容，尽管名为 XMLHttpRequest，它并不限于和 XML 文档一起使用：它可以接收任何形式的文本文档，XMLHttpRequest是AJAX的关键。
2.XMLHttpRequest对象 所提供的方法：
1.open()
open方法是为请求做准备的方法
open有五个参数open(method, url, async, username, password)
常用的参数为前三个
method：请求方式分为get post l两种种提交方法
url：请求地址
async：有两个值可选true表示异步false表示同步

2.send()
open方法是为请求做准备而send方法则是发送请求

3.onreadystatechange
作用：当readyState发生改变时调用onreadystatechange存储的函数

4.readyState
readyState存储的是 XMLHttpRequest的状态 返回值为1234分别代表：
0：请求未初始化
1: 服务器连接已建立
2: 请求已接收
3: 请求处理中
4: 请求已完成，且响应已就绪

5.status
status存储的是连接状态例如：404 找不到网页 500代码错误 200连接成功

6.responseText
返回响应的字符串

7.responseXML
返回响应的XML文件

8.重点：response.setHeader(“Access-Control-Allow-Origin”,"*");允许跨域
实现效果1获取本项目内的文件内容
1.url:
要求为String类型的参数，（默认为当前页地址）发送请求的地址。

2.type:
要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和delete也可以使用，但仅部分浏览器支持。

3.timeout:
要求为Number类型的参数，设置请求超时时间（毫秒）。此设置将覆盖$.ajaxSetup()方法的全局设置。

4.async:
要求为Boolean类型的参数，默认设置为true，所有请求均为异步请求。如果需要发送同步请求，请将此选项设置为false。注意，同步请求将锁住浏览器，用户其他操作必须等待请求完成才可以执行。

5.cache:
要求为Boolean类型的参数，默认为true（当dataType为script时，默认为false），设置为false将不会从浏览器缓存中加载请求信息。

6.data:
要求为Object或String类型的参数，发送到服务器的数据。如果已经不是字符串，将自动转换为字符串格式。get请求中将附加在url后。防止这种自动转换，可以查看　　processData选项。对象必须为key/value格式，例如{foo1:“bar1”,foo2:“bar2”}转换为&foo1=bar1&foo2=bar2。如果是数组，JQuery将自动为不同值对应同一个名称。例如{foo:[“bar1”,“bar2”]}转换为&foo=bar1&foo=bar2。

7.dataType:
要求为String类型的参数，预期服务器返回的数据类型。如果不指定，JQuery将自动根据http包mime信息返回responseXML或responseText，并作为回调函数参数传递。可用的类型如下：
xml：返回XML文档，可用JQuery处理。
html：返回纯文本HTML信息；包含的script标签会在插入DOM时执行。
script：返回纯文本JavaScript代码。不会自动缓存结果。除非设置了cache参数。注意在远程请求时（不在同一个域下），所有post请求都将转为get请求。
json：返回JSON数据。
jsonp：JSONP格式。使用SONP形式调用函数时，例如myurl?callback=?，JQuery将自动替换后一个“?”为正确的函数名，以执行回调函数。
text：返回纯文本字符串。