从服务器接收数据

首先了解一下什么是服务器

服务器是能够提供某种服务的机器（计算机）。
常见的服务器有：
文件服务器，数据库服务器，邮件服务器，HTTP服务器，，，等

1. HTTP服务器
   即是网站服务器，主要提供文档（文本、图片、视频、音频）浏览器服务。
   HTTP服务器可以结合某一编程语言处理业务逻辑，由此进行的开发，通常称之为服务端开发。
   常见的服务端编程语言包括：PHP、Jsp、Asp、Python、Ruby、Perl、NodeJS。对于这些编程语言最少要精确掌握一门

什么是客户端
具有向服务器发出索取服务能力的终端。如手机、电脑等
这是以浏览器为宿主环境，结合HTML、CSS、Javascript的技术，而进行的一系列开发通常称之为前端开发。

网络基础

1. IP地址：每个连接在互联网上的主机分配的一个地址
2. 域名：一个IP地址对应的一个域名
3. DNS服务：记录了IP地址和域名的映射关系
4. 端口：是计算机与外界通讯交流的出口，每个端口号对应不同的服务。
   : 取值范围从0到655535

ajax

（Asynchronous JavaScript and XML 的简称）是无刷新技术

实际例子具体了解一下

1. 创建请求对象

var xhr = new XMLHttpRequest();

用XMLHttpRequest 通过原生JS代码向服务器发送请求

2. 打开链接

xhr.open("GET", "http://localhost:9000");

get与post的区别
get：若有请求参数，将数据串到地址内
get方式的提交的数据大小有限制
get方式不太安全
post需要将请求数据写入到请求体中

3. 发送请求

 xhr.send();

4. 接收服务器响应（用异步事件响应）

 //当readystate的值发生改变时，会触发该事件
            xhr.onreadystatechange = function () {
                // console.log(this.readyState);
                //服务器响应完毕
                //状态值的变化， 当状态值等于200时，事件顺利执行
                if (this.readyState == 4 && this.status == 200) {
                    // console.log(this.responseText); 
                    //将接收到的服务器数据，显示到控制台
                    document.querySelector('div').innerHTML=this.responseText;
                }
            };

转载：https://blog.csdn.net/weixin_45525062/article/details/101027866