javascript之Ajax简介

来源:互联网 发布:360杀毒mac版靠谱吗 编辑:程序博客网 时间:2024/06/15 16:54

一、什么是Ajax

AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。
AJAX 是一种用于创建快速动态网页的技术。该对象在 Internet Explorer 5 中首次引入,它是一种支持异步请求的技术。简而言之,XMLHttpRequest使您可以使用 JavaScript 向服务器提出请求并处理响应,而不阻塞用户。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
传统的网页(不使用 AJAX)如果需要更新内容,必须重载整个网页页面。


、Ajax学习

1.GET请求
xmlhttp.open("GET","demo_get2.asp?fname=Bill&lname=Gates",true);//参数为---1方法,2链接,3是否异步请求xmlhttp.send();

2.post请求
xmlhttp.open("POST","ajax_test.asp",true);xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");//---可以添加请求头信息xmlhttp.send("fname=Bill&lname=Gates");

3.异步请求时处理结果
xmlhttp.onreadystatechange=function() {  if (xmlhttp.readyState==4 && xmlhttp.status==200) {       document.getElementById("myDiv").innerHTML=xmlhttp.responseText;    } }


onreadystatechange:    
存储函数(或函数名),每当 readyState 属性改变时,就会调用该函数。

readyState:
存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。
0: 请求未初始化
1: 服务器连接已建立
2: 请求已接收
3: 请求处理中
4: 请求已完成,且响应已就绪

status:
200: "OK"
404: 未找到页面


responseText:  
获得字符串形式的响应数据。

responseXML:   
获得 XML 形式的响应数据。








0 0