首先免不了安裝了

# 安裝 npm方式
npm install mockjs

# 安裝 bower
npm install -g bower
bower install --save mockjs

#CDN方式引入（找一找網上的cdn服務商提供）

<script src="https://cdn.bootcdn.net/ajax/libs/Mock.js/1.0.1-beta3/mock-min.js"></script>

先來一個最簡單的例子

Mock.mock('www.haizhi.com', { "user|2-5": [{ //2-5組資料 'name': '@cname', //中文名稱 'age|1-100': 100, //100以內隨機整數 }] }); Mock.setup({ timeout: '200-600' }) var xhr = new XMLHttpRequest(); xhr.open("get", "www.haizhi.com", true); xhr.send(null);
xhr.onreadystatechange = function () { if (xhr.readyState == 4 && xhr.status == 200) { console.log(xhr.responseText); } } 瀏覽器上看下效果：

接下來講一下他的使用：

1.Mock.mock( rurl?, rtype?, template|function( options ) )

1.1Mock.mock( template )

根據資料模板生成模擬資料。

1.2 Mock.mock( rurl, template )

記錄資料模板。當攔截到匹配rurl的 Ajax 請求時，將根據資料模板template生成模擬資料，並作為響應資料返回。（這個比較常用）

-----------------先介紹以上這兩個-------------------------

rurl

表示需要攔截的 URL，可以是 URL 字串或 URL 正則。例如/\/domain\/list\.json/

、'/domian/list.json'。

template

可選。

表示資料模板，可以是物件或字串。例如{ 'data|1-10':[{}] }、'@EMAIL'。