Ajax外掛程式mockjax模擬json資料

2021-09-23 23:37:48 字數 844 閱讀 7633

大家開發前端頁面的時候,特別是前後端分離之後,經常會遇見在進行前端開發時,後端介面還沒有開發好,這時候要求我們進行測試,沒有介面就請求不到資料,如何測試呢?

這時候就可以用到模擬資料的ajax外掛程式mockjax,下面就通過**說一下mockjax

首先我們看一段ajax的**:

$.ajax(

})

可以看到這裡的url是沒有對應的後端介面給我們的,此時就可以愉快的用到mockjax了

記得引入:

將下邊的mockjax**寫在ajax的前邊:

$.mockjax(]

}});

此時我們在瀏覽器執行前端頁面在f12開發者工具中就可以看到資料了

但是mockjax只能用於少量資料,如果我們需要大量資料來測試的話應該怎麼辦呢,總不能使用mockjax乙個乙個手寫吧

這時候就要用到mockjson外掛程式了

記得引入:

下面就放**看mockjson如何使用:

$.mockjson.data.user_name = ['張三', '李四', '王五', '趙六', '孫七', '周八', '吳九', '鄭十'];

$.mockjax(]

})});

接釋一下responsetext裡面的字段:

user|3-6:產生3到6組資料

id|+1:id每次加1

"name": "@user_name":從user_nam中隨機取資料

每次重新整理頁面的時候都可以看到資料不一樣

jquery外掛程式 ajax分頁

突然發現,好久沒寫部落格了,越來越懶了.今天想說說ajax分頁的事,其實ajax分頁莫過於解決兩個問題,第一,總條數的獲取,第二,形成分頁 like this 總條數的獲取莫過於兩種方式,第一,載入時直接獲取,可通過變數設定,可通過url傳值,第二種通過ajax請求的資料中包含資料和總條數。資料的獲...

模擬Vuex外掛程式

需求 vuex是乙個幫助我們集中管理vue元件狀態的狀態管理外掛程式,我們將模擬它的state mutation action getter。在元件內,我們可以通過vm.sto re.c ommi t 來 更改st ate,或者使用 vm store.commit 來更改state,或者使用vm.s...

POSTMAN模擬AJAX請求

環境 1 測試工具 postman 2 除錯框架 thinkphp 3 開發工具 phpstorm 需求 1 判斷http提交過來的請求是否為ajax 是 進行,修改 新增 否 進行查詢,並返回一條記錄 配置 1 postman配置 1 提交模式 post 2 headers增加引數 x reque...