Mock.js绠€鏄撴暀绋嬶紝鑴辩鍚庣鐙珛寮€鍙戯紝瀹炵幇澧炲垹鏀规煡鍔熻兘
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Mock.js绠€鏄撴暀绋嬶紝鑴辩鍚庣鐙珛寮€鍙戯紝瀹炵幇澧炲垹鏀规煡鍔熻兘相关的知识，希望对你有一定的参考价值。
鏍囩锛?a href='http://www.mamicode.com/so/1/let' title='let'>let
鏁版嵁鏍煎紡 鐢熶骇 apache blank 鍔熻兘 ref鍦ㄦ垜浠殑鐢熶骇瀹為檯涓紝鍚庣鐨勬帴鍙ｅ線寰€鏄緝鏅氭墠浼氬嚭鏉ワ紝骞朵笖杩樿鍐欐帴鍙ｆ枃妗ｏ紝浜庢槸鎴戜滑鐨勫墠绔殑璁稿寮€鍙戦兘瑕佺瓑鍒版帴鍙ｇ粰鎴戜滑鎵嶈兘杩涜锛岃繖鏍峰浜庢垜浠墠绔潵璇存樉寰楀崄鍒嗙殑琚姩锛屼簬鏄湁娌℃湁鍙互鍒堕€犲亣鏁版嵁鏉ユā鎷熷悗绔帴鍙ｅ憿锛岀瓟妗堟槸鑲畾鐨勩€傚簲璇ユ湁浜洪€氳繃缂栧啓json鏂囦欢鏉ユā鎷熷悗鍙版暟鎹紝浣嗘槸寰堝眬闄愶紝姣斿澧炲垹鏀规煡杩欎簺鎺ュ彛鎬庝箞瀹炵幇鍛紝浜庢槸浠婂ぉ鎴戜滑鏉ヤ粙缁嶄竴娆鹃潪甯稿己澶х殑鎻掍欢Mock.js锛屽彲浠ラ潪甯告柟渚跨殑妯℃嫙鍚庣鐨勬暟鎹紝涔熷彲浠ヨ交鏉剧殑瀹炵幇澧炲垹鏀规煡杩欎簺鎿嶄綔銆?/p>
1.涓€涓畝鍗曠殑渚嬪瓙锛?/strong>
Mock.mock(鈥榟ttp://123.com鈥?{
鈥榥ame|3鈥?鈥榝ei鈥?//杩欎釜瀹氫箟鏁版嵁鐨勬ā鏉垮舰寮忎笅闈細浠嬬粛
鈥榓ge|20-30鈥?25,
})
$.ajax({
url:鈥榟ttp://123.com鈥?
dataType:鈥榡son鈥?
success:function(e){
console.log(e)
}
})
鍦ㄨ繖涓緥瀛愪腑鎴戜滑鎴幏鍦板潃涓篽ttp://123.com杩斿洖鐨勬暟鎹槸涓€涓嫢鏈塶ame鍜宎ge鐨勫璞★紝閭ｄ箞ajax杩斿洖鐨勬暟鎹氨鏄疢ock瀹氫箟鐨勬暟鎹紝杩斿洖鐨勬暟鎹牸寮忓涓嬶細
{
name:鈥榝eifeifei鈥?
age:26,
}
鑷充簬涓婇潰鐨勫畾涔夋ā鏉挎暟鎹殑鏍煎紡鏄粈涔堟剰鎬濓紝涓嬮潰灏辩粰澶у浠嬬粛銆?/p>
2.浠嬬粛濡備綍瀹氫箟鏁版嵁
鏁版嵁妯℃澘涓殑姣忎釜灞炴€х敱 3 閮ㄥ垎鏋勬垚锛氬睘鎬у悕銆佺敓鎴愯鍒欍€佸睘鎬у€硷細
// 灞炴€у悕 name
// 鐢熸垚瑙勫垯 rule
// 灞炴€у€? value
鈥榥ame|rule鈥?span class="pl-k">: value
1.鈥榥ame|min-max鈥? string 閫氳繃閲嶅 string 鐢熸垚涓€涓瓧绗︿覆锛岄噸澶嶆鏁板ぇ浜庣瓑浜?nbsp;min锛屽皬浜庣瓑浜?nbsp;max
渚嬪瓙锛氣€榣astName|2-5鈥?鈥榡iang鈥? 閲嶅jiang杩欎釜瀛楃涓?2-5 娆?br>
2.鈥榥ame|count鈥? string 閫氳繃閲嶅 string 鐢熸垚涓€涓瓧绗︿覆锛岄噸澶嶆鏁扮瓑浜?nbsp;count
渚嬪瓙锛氣€榝irstName|3鈥?鈥榝ei鈥? 閲嶅fei杩欎釜瀛楃涓?3 娆★紝鎵撳嵃鍑烘潵灏辨槸鈥榝eifeifei鈥樸€?br>
3.鈥榥ame|min-max鈥? number 鐢熸垚涓€涓ぇ浜庣瓑浜?nbsp;min銆佸皬浜庣瓑浜?nbsp;max 鐨勬暣鏁帮紝灞炴€у€?nbsp;number 鍙槸鐢ㄦ潵纭畾绫诲瀷銆?br>渚嬪瓙锛氣€榓ge|20-30鈥?25, 鐢熸垚涓€涓ぇ浜庣瓑浜?20銆佸皬浜庣瓑浜?30 鐨勬暣鏁帮紝灞炴€у€?25 鍙槸鐢ㄦ潵纭畾绫诲瀷
4.鈥榥ame|+1鈥? number 灞炴€у€艰嚜鍔ㄥ姞 1锛屽垵濮嬪€间负 number
渚嬪瓙锛氣€榖ig|+1鈥?0, 灞炴€у€艰嚜鍔ㄥ姞 1锛屽垵濮嬪€间负 0锛屼互鍚庢瘡娆¤姹傚湪鍓嶉潰鐨勫熀纭€涓?1
5.鈥榥ame|min-max.dmin-dmax鈥? number 鐢熸垚涓€涓诞鐐规暟锛屾暣鏁伴儴鍒嗗ぇ浜庣瓑浜?nbsp;min銆佸皬浜庣瓑浜?nbsp;max锛屽皬鏁伴儴鍒嗕繚鐣?nbsp;dmin 鍒?nbsp;dmax 浣嶃€?br>渚嬪瓙锛氣€榳eight|100-120.2-5鈥?110.24, 鐢熸垚涓€涓诞鐐规暟,鏁存暟閮ㄥ垎澶т簬绛変簬 100銆佸皬浜庣瓑浜?120锛屽皬鏁伴儴鍒嗕繚鐣?2 鍒?5 浣?br>
6.鈥榥ame|1鈥? boolean 闅忔満鐢熸垚涓€涓竷灏斿€硷紝鍊间负 true 鐨勬鐜囨槸 1/2锛屽€间负 false 鐨勬鐜囧悓鏍锋槸 1/2
渚嬪瓙锛氣€榣ikeMovie|1鈥?Boolean, 闅忔満鐢熸垚涓€涓竷灏斿€硷紝鍊间负 true 鐨勬鐜囨槸 1/2锛屽€间负 false 鐨勬鐜囧悓鏍锋槸 1/2銆?br>
7.灞炴€у€兼槸瀵硅薄锛?span class="pl-c">var obj={鈥榟ost鈥?鈥榳ww.baidu鈥?鈥榩ort鈥?鈥?2345鈥?鈥榥ode鈥?鈥榮elector鈥榼
銆€銆€7-1.鈥榥ame|count鈥? object 浠庡睘鎬у€?nbsp;object 涓殢鏈洪€夊彇 count 涓睘鎬с€?/span>
銆€銆€渚嬪瓙锛氣€榣ife1|2鈥?obj, 浠庡睘鎬?span class="pl-c">鍊?span class="pl-c"> obj 涓殢鏈洪€夊彇 2 涓睘鎬?em id="__mceDel">
銆€銆€7-2.鈥榥ame|min-max鈥? object 浠庡睘鎬у€?nbsp;object 涓殢鏈洪€夊彇 min 鍒?nbsp;max 涓睘鎬?em id="__mceDel">銆€銆€渚嬪瓙锛氣€榣ife1|1-2鈥?obj, 浠庡睘鎬у€?obj 涓殢鏈洪€夊彇 1 鍒?2 涓睘鎬с€?br>
8.灞炴€у€兼槸鏁扮粍锛歷ar arr=[鈥榤omo鈥?鈥榶anzi鈥?鈥榸iwei鈥榏
銆€銆€8-1.鈥榥ame|1鈥? array 浠庡睘鎬у€?nbsp;
array 涓殢鏈洪€夊彇 1 涓厓绱狅紝浣滀负鏈€缁堝€?br>銆€銆€渚嬪瓙锛氣€榝riend1|1鈥?arr, 浠庢暟缁?arr 涓殢鏈洪€夊彇 1 涓厓绱狅紝浣滀负鏈€缁堝€笺€?br>銆€銆€8-2.鈥榥ame|+1鈥? array 浠庡睘鎬у€?nbsp;
array 涓?strong>椤哄簭閫夊彇 1 涓厓绱狅紝浣滀负鏈€缁堝€笺€?br>銆€銆€渚嬪瓙锛氣€榝riend2|+1鈥?arr, 浠庡睘鎬у€?arr 涓『搴忛€夊彇 1 涓厓绱狅紝浣滀负鏈€缁堝€硷紝绗竴娆″氨鏄€榤omo鈥?绗簩娆¤姹傚氨鏄€榶anzi鈥?br>銆€銆€8-3.鈥榥ame|count鈥? array 閫氳繃閲嶅灞炴€у€?nbsp;
array 鐢熸垚涓€涓柊鏁扮粍锛岄噸澶嶆鏁颁负 count銆?br>銆€銆€渚嬪瓙锛氣€榝riend3|2鈥?arr, 閲嶅arr杩欎釜鏁板瓧2娆′綔涓鸿繖涓睘鎬у€硷紝寰楀埌鏁版嵁搴旇鏄痆鈥榤omo鈥?鈥榶anzi鈥?鈥榸iwei鈥?鈥榤omo鈥?鈥榶anzi鈥?鈥榸iwei鈥榏銆€銆€8-4.鈥榥ame|min-max鈥? array 閫氳繃閲嶅灞炴€у€?nbsp;
array 鐢熸垚涓€涓柊鏁扮粍锛岄噸澶嶆鏁板ぇ浜庣瓑浜?nbsp;min锛屽皬浜庣瓑浜?nbsp;max
銆€銆€渚嬪瓙锛氣€榝riend3|2-3鈥?arr,//閫氳繃閲嶅灞炴€у€?arr 鐢熸垚涓€涓柊鏁扮粍锛岄噸澶嶆鏁板ぇ浜庣瓑浜?2锛屽皬浜庣瓑浜?3
3.瀹為檯鐨刟jax璇锋眰渚嬪瓙锛?br>
var arr=[鈥榤omo鈥?鈥榶anzi鈥?鈥榸iwei鈥榏
var obj={
鈥榟ost鈥?鈥榳ww.baidu鈥?
鈥榩ort鈥?鈥?2345鈥?
鈥榥ode鈥?鈥榮elector鈥? }
Mock.mock(鈥榟ttp://www.bai.com鈥?{
鈥榝irstName|3鈥?鈥榝ei鈥?//閲嶅fei杩欎釜瀛楃涓?3 娆★紝鎵撳嵃鍑烘潵灏辨槸鈥榝eifeifei鈥樸€? 鈥榣astName|2-5鈥?鈥榡iang鈥?//閲嶅jiang杩欎釜瀛楃涓?2-5 娆°€? 鈥榖ig|+1鈥?0, //灞炴€у€艰嚜鍔ㄥ姞 1锛屽垵濮嬪€间负 0
鈥榓ge|20-30鈥?25,//鐢熸垚涓€涓ぇ浜庣瓑浜?20銆佸皬浜庣瓑浜?30 鐨勬暣鏁帮紝灞炴€у€?25 鍙槸鐢ㄦ潵纭畾绫诲瀷
鈥榳eight|100-120.2-5鈥?110.24,//鐢熸垚涓€涓诞鐐规暟,鏁存暟閮ㄥ垎澶т簬绛変簬 100銆佸皬浜庣瓑浜?120锛屽皬鏁伴儴鍒嗕繚鐣?2 鍒?5 浣嶃€? 鈥榣ikeMovie|1鈥?Boolean,//闅忔満鐢熸垚涓€涓竷灏斿€硷紝鍊间负 true 鐨勬鐜囨槸 1/2锛屽€间负 false 鐨勬鐜囧悓鏍锋槸 1/2銆? 鈥榝riend1|1鈥?arr,//浠庢暟缁?arr 涓殢鏈洪€夊彇 1 涓厓绱狅紝浣滀负鏈€缁堝€笺€? 鈥榝riend2|+1鈥?arr,//浠庡睘鎬у€?arr 涓『搴忛€夊彇 1 涓厓绱狅紝浣滀负鏈€缁堝€? 鈥榝riend3|2-3鈥?arr,//閫氳繃閲嶅灞炴€у€?arr 鐢熸垚涓€涓柊鏁扮粍锛岄噸澶嶆鏁板ぇ浜庣瓑浜?2锛屽皬浜庣瓑浜?3銆? 鈥榣ife1|2鈥?obj,//浠庡睘鎬у€?obj 涓殢鏈洪€夊彇 2 涓睘鎬? 鈥榣ife1|1-2鈥?obj,//浠庡睘鎬у€?obj 涓殢鏈洪€夊彇 1 鍒?2 涓睘鎬с€? 鈥榬egexp1鈥?/^[a-z][A-Z][0-9]$/,//鐢熸垚鐨勭鍚堟鍒欒〃杈惧紡鐨勫瓧绗︿覆
})
$.ajax({
url:鈥榟ttp://www.bai.com鈥?
dataType:鈥榡son鈥?
success:function(e){
console.log(e)
}
})
4.濡備綍瀹炵幇鏁版嵁 澧?鍒?鏀?鏌?鐨勬ā鎷熸暟鎹帴鍙?/strong>
涓嬮潰鎴戝氨妯℃嫙鍚庣鍒犻櫎鍔熻兘鐨勬帴鍙ｅ疄鐜?/p>
/*妯℃嫙鍒犻櫎鏁版嵁鐨勬柟寮?/
var arr=[
{name:鈥榝ei鈥?age:20,id:1},
{name:鈥榣iang鈥?age:30,id:2},
{name:鈥榡un鈥?age:40,id:3},
{name:鈥榤ing鈥?age:50,id:4}
]
Mock.mock(鈥榟ttp://www.bai.com鈥?鈥榙elete鈥?function(options){
var id = parseInt(options.body.split("=")[1])//鑾峰彇鍒犻櫎鐨刬d
var index;
for(var i in arr){
if(arr[i].id===id){//鍦ㄦ暟缁刟rr閲屾壘鍒拌繖涓猧d
index=i
break;
}
}
arr.splice(index,1)//鎶婅繖涓猧d瀵瑰簲鐨勫璞′粠鏁扮粍閲屽垹闄? return arr;//杩斿洖杩欎釜鏁扮粍,涔熷氨鏄繑鍥炲鐞嗗悗鐨勫亣鏁版嵁
})
$.ajax({
url:鈥榟ttp://www.bai.com鈥?
type:"DELETE",
data:{
id:1//鍋囪闇€瑕佸垹闄d=1鐨勬暟鎹? },
dataType:鈥榡son鈥?
success:function(e){
console.log(e)
}
})
鑷充簬鏇村鐨勮缁嗘枃妗ｅ彲浠ュ幓瀹樻柟缃戠珯鏌ョ湅锛?a href="http://mockjs.com/" target="_blank">http://mockjs.com/锛孧ock.js绠€鍗曟槗瀛︼紝鍙互渚夸簬鍓嶇鐨勫揩閫熷紑鍙戯紝涔熷彲浠ヨ嚜宸卞畾涔夊ソ闇€瑕佺殑鏍煎紡锛岃鍚庣閰嶅悎浣狅紝鎸夌収浣犵殑鏍煎紡缂栧啓浠栫殑鍚庣浠ｇ爜銆?/p>
以上是关于Mock.js绠€鏄撴暀绋嬶紝鑴辩鍚庣鐙珛寮€鍙戯紝瀹炵幇澧炲垹鏀规煡鍔熻兘的主要内容，如果未能解决你的问题，请参考以下文章