夏日博客

A-A+

jQuery Mockjax插件模拟Ajax请求实例教程

2016年01月08日 前端设计 暂无评论 阅读 6 views 次

jQuery Mockjax插件提供了简单并且极其灵活的接口来模拟Ajax的请求和回应，现在我们来简单讲一下jQuery Mockjax插件模拟Ajax请求实例

在实际的开发过程中，前端后台协商好了统一的接口,就各自开始自己的任务了,这时候我有这么一个 Ajax 请求需要从后台获取数据,代码如下:

  1. $.ajax({  
  2.   url: '/products/'  
  3. }).done(function(res) {  
  4.   $('#result').html(res);  
  5. });  

但是这个服务可能还没有创建，也许是后台开发那个小伙子(就是那些使用 PHP、Ruby、.NET、GoldFusion 等等语言的帅哥们)开小差去了，也许是他忙于其它事情。总之，当这个请求发出的时候我不能得到我想要的结果，我只能得到一个 404 (Not Found) 错误。

这实在是很糟糕，催促也没有用，旁边的测试人员吵着闹着要测试呢，而我自己也迫切希望看到立竿见影的效果。这个时候，就只能依靠自己了，其中一个比较好的方法就是模拟 Ajax 请求，这里我使用 jQuery Mockjax 插件。

地址:jQuery Mockjax

这是一个 jQuery 插件，将其下载下来引用的时候放在 jQuery 之后,代码如下:

  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4.   <title>Test</title>  
  5. </head>  
  6. <body>  
  7.   <div id="result"></div>  
  8.   <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>  
  9.   <script src="vendor/jquery.mockjax.js"></script>  
  10. </body>  
  11. </html>  
标签：

给我留言