码迷,mamicode.com
首页 > Web开发 > 详细

ajax学习(一)

时间:2015-01-11 17:45:10      阅读:198      评论:0      收藏:0      [点我收藏+]

标签:

以前在学校的时候就接触过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数据。
 
收工。

 

ajax学习(一)

标签:

原文地址:http://www.cnblogs.com/denka/p/4216763.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!