ajax学习（一）

以前在学校的时候就接触过ajax，那时候只是copy了一下示例代码，照样子搭建了php环境，看了一下效果。

后来在工作中也没有遇到ajax使用情景，我只能说我是幸运的，我的后端同事做了太多；同时我又是不幸的，自己对ajax了解的太少，随着最近的找工作，慢慢发现前端还是要懂ajax的。也是开始了恶补。

首先作为前端，要学ajax就要搭建一个环境能够去读取后台数据，但是我又不懂php什么的，看着别的教程，可以用node去搭建，这对于我也是很方便的。

下面是具体步骤：

本人是window上的node，

1.命令行中输入”npm install http-server -g“，搭建一个http-server的服务，注意”-g“表示全局安装；

2.命令行中进入你的项目目录，输入”http-server“，启动一个临时的http服务；成功后你会看到返回信息”Starting up http-server, serving ./ on: http://0.0.0.0:8080‘，8080是端口号；

3.网页中打开"localhost:8080",应该就能进入你的项目主页了；

4.模拟json数据，建一个json文件，例如叫做“test.json”,里面放上数据：{"name":"david","age":"38"};

5.可以在js中用ajax去取数据了，例如用jq的getJSON方法：

$.getJSON(

        "test.json"  ,

         function (json){

           $.each(  json ,  function  (i, field){

                console .log(field  +  " " );

           });

        }

);

然后可以在控制台中看到json数据。

 

收工。