Ajax 初识
Ajax AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。并不是一种开发语言,是聪明的程序员对 javascript 的创造性用法; Ajax 提供与服务器异步通信的能力,最简单的应用就是无需刷新整个页面而更新网页某一个部分的数据,更快,更高,更强~~~ 使用这个技术还是很简单的.
1.创建 XMLHttpRequest 对象
//创建对象的语法:
variable = new XMLHttpRequest()lt;br/gt;
//如果需要向下兼容 ie5,5,我们需要 ActiveX 对象lt;br/gt;
variable = new ActiveXobject(quot;Microsoft.XMLHTTPquot;)lt;br/gt;
var xmlhttp;
if (window.XMLHttpRequest){
xmlhttp=new XMLHttpRequest();
}else{
xmlhttp=new ActiveXObject(quot;Microsoft.XMLHTTPquot;);
}
这样我们就创建一个 XMLHttpRequest 的对象,我们就可以使用这个对象进行请求数据; 2.向服务器发送请求 如果我们向服务器发送请求,就需要用到xmlhttp 的 open()和send() 方法
open()有三个参数,第一个参数是请求类型 put,get,post;
第二个参数是 url,即文件在服务器上的地址
第三个参数是同步 or 异步
--
open(method,url,asyns)
!–
发送请求,string 用于 post 请求
但我们需要提交一些表单之类的数据的时候,需要用到 post 提交
需要在 setRequestHeader()中添加请求有信息,在后再 send()中添加数据
--
send(string)
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyStatelt;markgt;4 amp;amp; xmlhttp.statuslt;/markgt;200)
{
// responseText amp; responseXML;一个是字符串形式的响应数据,一个是 xml 形式的响应数据XML 可以使用 name.getElementsByName(quot;节点名称quot;)进行读取
document.getElementById(quot;myDivquot;).innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open(quot;GETquot;,url,true);
xmlhttp.send();
3
上面的 readyState表示存有 XMLHttpRequest 的状态
- 0:请求未初始化
- 1:服务器连接已建立
- 2:请求已经接受
- 3:请求处理中
- 4:请求已完成,响应就绪; 上面的 status
- 200:”OK
- 404:未找到页面