原生js Ajax操作

来源：互联网发布：广数980tdb编程实例编辑：程序博客网时间：2024/05/18 10:45

Ajax：异步的JavaScript和XML技术
通过JavaScript中的异步对象XMLHttpRequest来进行数据请求，得到传输的XML数据
原始的情况下，通过XML进行数据交换，但是由于XML传输数据时大量的语义标签造成了网络流量的损失！

所以，发展到后来，使用Ajax进行数据交换时，通常使用JSON来进行数据的传递！

Ajax用在什么地方？
需要用向服务器请求数据的环境中！

静态页面开发——不需要Ajax
登录
注册

功能实现——
注册——向服务器发送用户注册的数据
登录——向服务器发送用户登录的账号和密码

操作步骤：
1. 创建异步对象
2. 打开和服务器的连接，发送请求
3. 获取数据，DOM操作进行渲染

举个例子：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
var _http;
if(window.XMLHttpRequest) {
_http = new XMLHttpRequest();
} else {
_http = new ActiveXObject("Microsoft.XMLHTTP");
}
_http.open("get", "url");
_http.send();
_http.onreadystatechange = function() {
if(_http.readyState == 4 && _http.statues == 200) {
var _content = _http.responseText;
}
}
</script>
</head>
<body>
</body>
</html>

这就是一个简单的原生js Ajax操作。

0 0