javascript使用ajax方式

ajax请回和回应实例：

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

function showContent(type) { //create obj         var xmlhttp;         if (window.XMLHttpRequest) { //code for IE7+, Firefox, Chrome, Opera, Safari             xmlhttp = new XMLHttpRequest();         }         else { //code for IE6, IE5             xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");         }         xmlhttp.onreadystatechange = function () {             if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {                 document.getElementById("content").innerHTML = xmlhttp.responseText;             }         } //open         xmlhttp.open("GET", "<?php echo base_url()  ?>Showcontent/sendcontent?type=" + type + "&" +   Math.random().toString(), true); //request        　　　　xmlhttp.send();     }

 

function：

1、open(method,url,async)：规定请求的类型、URL 以及是否异步处理请求

（1）method：请求的类型；GET 或 POST

（2）url：文件在服务器上的位置

（3）async：true（异步）或 false（同步）

2、send(string)：将请求发送到服务器

（1）string：仅用于 POST 请求，内容为post的参数，例：xmlhttp.send("ids="+ids+"&id="+id);

3、setRequestHeader(header,value)：向请求添加 HTTP 头

（1）header: 规定头的名称

（2）value: 规定头的值

 

variable：

1、readyState ：存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。

（1）0: 请求未初始化

（2）1: 服务器连接已建立

（3）2: 请求已接收

（4）3: 请求处理中

（5）4: 请求已完成，且响应已就绪

2、status

（1）200: "OK"

（2）404: 未找到页面

 

response：

1、onreadystatechange：存储函数（或函数名），每当 readyState 属性改变时，就会调用该函数（需要绑定该回调）

2、response内容：

（1）responseText--获得字符串形式的响应数据

（2）responseXML--获得 XML 形式的响应数据

 

注意：

1.为防止请求到的数据为缓存数据，在open函数的url上加上的唯一ID（例：http：//www.example.com/oa?a=Math.random()）