Ajax无刷新技术

最新推荐文章于 2022-05-02 17:08:37 发布

静风啊

最新推荐文章于 2022-05-02 17:08:37 发布

阅读量508

点赞数

分类专栏： HTML&CSS&JS

本文链接：https://blog.csdn.net/u014715974/article/details/50855561

版权

HTML&CSS&JS 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

1.Ajax对象 xmlHttpRequest（ xht）

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");
  }

2.Ajax属性

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

readyState

存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。

0: 请求未初始化
1: 服务器连接已建立
2: 请求已接收
3: 请求处理中
4: 请求已完成，且响应已就绪

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

status

200: "OK"

404: 未找到页面

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

3.Ajax方法

open(method,url,async)	规定请求的类型、URL 以及是否异步处理请求。 method：请求的类型；GET 或 POST url：文件在服务器上的位置 async：true（异步）或 false（同步）
send(string)	将请求发送到服务器。 string：仅用于 POST 请求

open(method,url,async)

规定请求的类型、URL 以及是否异步处理请求。

method：请求的类型；GET 或 POST
url：文件在服务器上的位置
async：true（异步）或 false（同步）

send(string)

将请求发送到服务器。

string：仅用于 POST 请求

setRequestHeader(header,value)	向请求添加 HTTP 头。 header: 规定头的名称 value: 规定头的值

setRequestHeader(header,value)

向请求添加 HTTP 头。

header: 规定头的名称
value: 规定头的值

4.Ajax事件

onreadystatechange：存储函数（或函数名），每当 readyState 属性改变时，就会调用该函数。

实例

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="div" style="border:1px dotted #369;width: 100px;height: 100px;" ></div>
<button οnclick="getajax()">Ajax测试</button>
</body>
<script>
function getajax(){
var xmlhttp;
var divobj=document.getElementById("div");
if(window.XMLHttpRequest){
xmlhttp=new XMLHttpRequest();
}else{
xmlhttp=ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET","ajax.php",true);
xmlhttp.send();
xmlhttp.onreadystatechange=function(){
if(xmlhttp.readyState==4&&xmlhttp.status==200){
divobj.innerHTML=xmlhttp.responseText;
}
}

}
</script>
</html>

静风啊

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Ajax无刷新技术

1.Ajax对象 xmlHttpRequest（ xht）var xmlhttp;if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); }else {// code for IE6, IE5 xmlhttp=
复制链接

扫一扫