加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

AJAX 基础

发布时间:2020-12-15 21:51:13 所属栏目:百科 来源:网络整理
导读:一 XMLHttpRequest对象 xmlhttp = new XMLHttpRequest() 二 方法 xmlhttp.open(method,url,async) send(string) method = POST,GET url :服务器上文件地址 async : 是否异步 三 服务器响应 服务器的相应内容即 XMLHttpRequest 对象的 responseText 或 respon

一 XMLHttpRequest对象

xmlhttp = new XMLHttpRequest()


二 方法

xmlhttp.open(method,url,async)

send(string)

method = POST,GET

url :服务器上文件地址

async : 是否异步


三 服务器响应

服务器的相应内容即 XMLHttpRequest 对象的 responseText 或 responseXML 属性。

responseText : 获得字符串形式的相应数据 (非XML时用)

responseXML: 获得XML形式的


四 onreadystatechange 事件

XMLHttpRequest 的3个重要属性:

1 onreadystatechange

2 readyState 存放着xmlHttpRequest的状态信息,每次改变触发,onreadystatechange事件。 从0→4变化。

3 status, 200:ok。 4.04:未找到页面


五 callback函数

定义 : callback 函数是一种以参数形式传递给另一个函数的函数;

<script type="text/javascript">
var xmlhttp;
function loadXMLDoc(url,cfunc){
xmlhttp.onreadystatechange=cfunc;
xmlhttp.open("GET",true);
xmlhttp.send();
}
function myFunction(){
loadXMLDoc("/ajax/test1.txt",function() {
if (xmlhttp.readyState==4 && xmlhttp.status==200){
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
}
});
}
</script>

六 AJAX数据库实例

1 ajax与数据库动态通信

七 AJAX XML实例

ajax用来与xml文件交互式通信

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读