網站首頁 編程語言 正文
參考文檔:
Mock.js?使用格式
Syntax Specification · nuysoft/Mock Wiki · GitHub?對上面格式語法說明
1.結合參考文檔,將內容填寫到以下右側模板,重點關注 @cname等類似代碼
查看實例代碼無法打開,參考下面模板
{
"code": "200",
"data": {
"studentlist|10-15":[{
"id|+1":0,
"name":"@cname",
"age":"@integer(22,50)",
"img":"@image('200x200', '#50B347', '#FFF', 'FastMock')",
"city":"@city",
"email":"@email"
}]
},
"desc": "成功"
}
2.寫好接口以后,訪問的鏈接
用瀏覽器打開
https://www.fastmock.site/mock/6bdf1d792a7b22f797c0347fcdb8521e/study/studentList
3.通過jquery方式請求數據/get
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>jquery發送ajax請求</title>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
</head>
<body>
<!-- 準備好一個容器-->
<div id="root">
<app></app>
</div>
<script type="text/javascript">
$.get("https://www.fastmock.site/mock/6bdf1d792a7b22f797c0347fcdb8521e/study/studentList",function(res){
console.log(res)
})
</script>
</body>
</html>
原文鏈接:https://blog.csdn.net/qiuyushuofeng/article/details/125144500
相關推薦
- 2023-06-20 React?DOM-diff?節點源碼解析_React
- 2022-10-04 C++超詳細梳理lambda和function的使用方法_C 語言
- 2022-05-06 Go在Window平臺下編譯出來的exe如何添加一個圖標
- 2022-07-14 Python實現印章代碼的算法解析_python
- 2022-10-14 VSCode連接實驗室服務器Xshell,Xftp向服務器傳輸文件的方法(win10)_Linux
- 2022-05-10 SpringBoot端口已占用解決:配置端口號
- 2023-07-16 uni-app uni.switchTab和uni.reLaunch跳轉tabbar頁面
- 2022-04-02 jquery實現邊框特效_jquery
- 最近更新
-
- window11 系統安裝 yarn
- 超詳細win安裝深度學習環境2025年最新版(
- Linux 中運行的top命令 怎么退出?
- MySQL 中decimal 的用法? 存儲小
- get 、set 、toString 方法的使
- @Resource和 @Autowired注解
- Java基礎操作-- 運算符,流程控制 Flo
- 1. Int 和Integer 的區別,Jav
- spring @retryable不生效的一種
- Spring Security之認證信息的處理
- Spring Security之認證過濾器
- Spring Security概述快速入門
- Spring Security之配置體系
- 【SpringBoot】SpringCache
- Spring Security之基于方法配置權
- redisson分布式鎖中waittime的設
- maven:解決release錯誤:Artif
- restTemplate使用總結
- Spring Security之安全異常處理
- MybatisPlus優雅實現加密?
- Spring ioc容器與Bean的生命周期。
- 【探索SpringCloud】服務發現-Nac
- Spring Security之基于HttpR
- Redis 底層數據結構-簡單動態字符串(SD
- arthas操作spring被代理目標對象命令
- Spring中的單例模式應用詳解
- 聊聊消息隊列,發送消息的4種方式
- bootspring第三方資源配置管理
- GIT同步修改后的遠程分支