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数据。
 
收工。

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。