網站首頁 編程語言 正文
參考文檔:
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
相關推薦
- 2022-05-20 C++實現商店倉庫管理系統_C 語言
- 2023-02-17 python?如何獲取文件夾中的全部文件_python
- 2022-09-13 Go語言中的數據競爭模式詳解_Golang
- 2022-05-13 修復Qt程序長時間運行控件停止刷新
- 2022-05-17 docker停止某個容器
- 2022-04-30 C語言實現考勤管理系統_C 語言
- 2022-10-11 Flutter?語法進階抽象類和接口本質區別詳解_Dart
- 2022-07-21 UIStackView嵌套的Label多行文字動態高度
- 最近更新
-
- 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同步修改后的遠程分支