很多初学者在学到 ajax 的时候都会遇到下面类似的问题:
Q:ajax 是什么?
A:ajax是你可以在不刷新页面的情况下向后台发送请求获取数据
Q:我这根据教程写了个 ajax,怎么没反应?
A:你需要搭建个服务器,把你写的 html 文件放到服务器里,在浏览器使用 http://xxx 的方式访问这个文件才可以
Q:服务器怎么搭建?
A:你可以在自己的电脑上安装 Apache和 PHP,前者是 WEB 服务器,后者是服务端语言用于处理请求根据参数发送对应的数据。简单起见可以安装XAMPP套件,这是一个软件包,自动会给你安装好搭建后台环境所需要的所有软件。 如果你会 nodejs 的话可以使用 nodejs 写个简单的webserver,那什么都不用安装了。
Q:nodejs 还不会。 XAMPP 安装好了,也根据教程启动了,怎么还不行??
A:需要修改配置文件,定向到你需要的目录
Q:PHP 没学过啊?
A:自己去看语法!!
……
Q: 心好累,学 ajax 怎么这么难…
现在有了server-mock
Q:我这根据教程写了个 ajax,怎么没反应?
A:nodejs之前安装过了吧,执行 npm install -g server-mock,全局安装 server-mock这个工具
Q:安装好了,然后呢
A:在你当前文件夹创建 router.js, 在里面用于处理请求, 形如app.get('/hello', function(req, res) { res.send({ status: 0, msg: "hello 饥人谷" }); });
然后执行 mock start 开启服务器就能用了
Q:成功了!这貌似是js 的语法,但看不是很懂,对于 post 请求怎么办?如果请求带参数怎么办?能不能模拟一些动态页面,比如打开一个 url 会把数据塞到模板展示渲染后的页面?
A:都可以的,这里使用 node-express的路由处理这块的语法。现在不知道没关系,可以执行 mock init 创建几个范例文件,比着葫芦画瓢就行了。
具体使用方法:server-mock
下载地址:server-mock
github 地址:GitHub – jirengu/server-mock: a simple mock server for ajax testing
文章来源:xampp中文组官网
转载请注明:XAMPP中文组官网 » server-mock 最简单好用的mock 工具