简单的使用mock.js模拟数据,拦截ajax请求
2018-03-28 14:25
746 查看
代码如下。。。
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>模拟数据</title></head><body><input type="text" class="username"><input type="text" class="userpass"><button>获取模拟数据</button></body></html><script src="node_modules/jquery/dist/jquery.js"></script><script src="node_modules/mockjs/dist/mock.js"></script><script>$(function(){let Random=Mock.Random;Mock.mock('www.aaa.com',{'username':Random.cname(),'userpass|100000-999999999':111111});$('button').click(function(){$.ajax({url:'www.aaa.com',type:'get',dataType:'json',async:true,success:function(data){console.log(data);$(".username").val(data.username);$(".userpass").val(data.userpass);}})})});</script>
相关文章推荐
- Mock.js -- 生成随机数据,拦截 Ajax 请求,让前端攻城师独立于后端进行开发
- MOCK.JS 生成随机数据,拦截 Ajax 请求
- Mock.js 模拟ajax数据 使用
- Mock.js 与 fiddler 前端模拟数据与拦截请求
- Mock.js生成随机数据,拦截 Ajax 请求,让前端独立于后端进行开发
- Node.js服务器环境下使用Mock.js拦截AJAX请求的教程
- 使用 jQuery Mockjax 插件模拟 Ajax 请求
- 使用 jQuery Mockjax 插件模拟 Ajax 请求
- 用最简单的例子演示如何使用js或者$.ajax进行跨域请求
- 使用express+mockjs搭建服务器和模拟数据
- asp.net 使用ajax请求地址接口数据 ajax返回类型是json js get post请求数据
- session失效,使用ajax请求数据被拦截,此时正常的处理逻辑是跳到登录界面,而不是界面没有变化(java推断是否是ajax请求)
- JS将form表单转换为json数据,使用ajax发送请求案例
- 前端数据模拟---mock.js 使用教程
- session失效,使用ajax请求数据被拦截,此时正常的处理逻辑是跳到登录界面,而不是界面没有变化(java判断是否是ajax请求)
- 前端数据模拟 Mock.js 使用教程
- AJAX数据模拟之Mock.js
- 使用mock.js提供模拟数据
- 用node.js搭建服务器,模拟返回json数据供客户端get,post请求使用
- ASP.NET AJAX中 复杂数据类型使用简单实例