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