20-ajax node环境配置

ajax与json

javascript是跑在客户机上的，本身是不可以操作文件的

ajax技术的目的是让js发送http请求，与后台通信，获取数据和信息，其技术原理是实例化xmlhttp对象，使用此对象与后台通信。通信的过程不会影响后续js的执行，从而实现异步。

同步和异步
现实中，同步指同时做几件事，异步是做完一件事，再做另一件事。程序中的同步和异步刚好相反。

局部刷新（无刷新）
ajax可以实现局部刷新，也就无刷新，指的是整个页面不刷新，只是局部刷新，ajax可以自己发送http请求，不用通过浏览器的地址栏，所以页面不会刷新，ajax获取到后台数据，更新页面显示数据的部分，就做到了页面局部刷新。

同源策略

ajax请求的页面或资源只能是同一个域下面的资源【域名】，不能说其它域的资源，这是在设计ajax时基于安全的考虑，特征报错提示：
XMLHttpRequest cannot load https://www.baidu.com/. No 'Access-Control-Allow-Origin' header is present on the requested resource.
Origin 'null' is therefore not allowed access.

运行ajax需要服务器环境，需要配置node环境

Mac 下搭建node环境

1. 安装之前做如下准备

卸载已安装到全局的 node/npm

如果之前是在官网下载的 node 安装包，运行后会自动安装在全局目录，其中 node 命令在 /usr/local/bin/node，npm 命令在全局 node_modules 目录中，具体路径为 /usr/local/lib/node_modules/npm

安装 nvm 之前最好先删除下已安装的 node 和全局 node 模块如图：1.1.1

打开终端一次输入命令：sudo rm -rf /usr/local/lib/node_modules

sudo rm /usr/local/bin/node

cd /usr/local/bin && ls -l | grep "../lib/node_modules/" | awk '{print $9}'| xargs rm

 

 

2.打开网址https://github.com/creationix/nvm，找到如下命令：

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.34.0/install.sh | bash

 

并打开终端，运行它

 

3.最后输入命令：nvm install stable，安装最新的稳定版本的node

 

4.最后检查node版本，输入命令:node --version