原生js Ajax操作

最新推荐文章于 2024-11-05 22:47:34 发布

狼行千里d

最新推荐文章于 2024-11-05 22:47:34 发布

阅读量268

点赞数

文章标签： angularjs 前端 Ajax

本文链接：https://blog.csdn.net/wq656774/article/details/71167858

版权

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>