原生js Ajax操作

xiaoxiao2021-02-27  352

  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操作。

转载请注明原文地址: https://www.6miu.com/read-2816.html

最新回复(0)