mockjs讓前端開發(fā)獨(dú)立于后端

Ali_ 發(fā)布于2019-08-20 12:01 / 3090人閱讀

摘要：可以模擬數(shù)據(jù)，攔截請求，返回模擬數(shù)據(jù)，無需后端返回就可以測試前端程序官網(wǎng)原文首先在頭中引入我們需要的文件在請求之前，用定義返回數(shù)據(jù)表示成功，表示錯誤信息不完整彈出錯誤信息在中的要與中的相同，比如我這里是那么好了，說到這里，我們進(jìn)行測試一下調(diào)

mock.js 可以模擬ajax數(shù)據(jù)，攔截ajax請求，返回模擬數(shù)據(jù)，無需后端返回就可以測試前端程序

mockjs官網(wǎng)

原文：http://i.jakeyu.top/2016/08/1...

首先在head頭中引入我們需要的mockjs文件

在ajax請求之前，用mack定義返回數(shù)據(jù)

Mock.mock("http://laoyu", {
 "errorcode": 0,//0表示成功，1表示錯誤
 "message": "xx信息不完整", //彈出錯誤信息
});

在ajax中,open()的url要與mock中的相同，比如我這里是http://laoyu,那么

XHR.open（"post/get","http://laoyu",true/false）

好了，說到這里，我們進(jìn)行測試一下

看到?jīng)]，返回了我們使用mock模擬的數(shù)據(jù)，這樣就可以無需后臺，直接進(jìn)行自己的測試了

xhr.readyState的五種狀態(tài)

0 － （未初始化）還沒有調(diào)用open()方法 
1 － （服務(wù)器連接已經(jīng)建立）已調(diào)用open()方法，正在發(fā)送請求 
2 － （請求已接收）send()方法執(zhí)行完成，已經(jīng)接收到全部響應(yīng)內(nèi)容 
3 － （請求處理中）正在解析響應(yīng)內(nèi)容 
4 － （請求已完成）響應(yīng)內(nèi)容解析完成，可以在客戶端調(diào)用了

云服務(wù)器 GPU云服務(wù)器后端開發(fā)和前端開發(fā) 前端開發(fā)后端開發(fā) 后端和前端開發(fā) 前端后端開發(fā)

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/80750.html

相關(guān)文章

mockjs讓前端開發(fā)獨(dú)立于后端

摘要：可以模擬數(shù)據(jù)，攔截請求，返回模擬數(shù)據(jù)，無需后端返回就可以測試前端程序官網(wǎng)原文首先在頭中引入我們需要的文件在請求之前，用定義返回數(shù)據(jù)表示成功，表示錯誤信息不完整彈出錯誤信息在中的要與中的相同，比如我這里是那么好了，說到這里，我們進(jìn)行測試一下調(diào) mock.js 可以模擬ajax數(shù)據(jù)，攔截ajax請求，返回模擬數(shù)據(jù)，無需后端返回就可以測試前端程序 mockjs官網(wǎng) 原文：http://i.j...

Half 2019-08-29 11:31 評論0 收藏0
mockjs讓前端開發(fā)獨(dú)立于后端

摘要：可以模擬數(shù)據(jù)，攔截請求，返回模擬數(shù)據(jù)，無需后端返回就可以測試前端程序官網(wǎng)原文首先在頭中引入我們需要的文件在請求之前，用定義返回數(shù)據(jù)表示成功，表示錯誤信息不完整彈出錯誤信息在中的要與中的相同，比如我這里是那么好了，說到這里，我們進(jìn)行測試一下調(diào) mock.js 可以模擬ajax數(shù)據(jù)，攔截ajax請求，返回模擬數(shù)據(jù)，無需后端返回就可以測試前端程序 mockjs官網(wǎng) 原文：http://i.j...

Terry_Tai 2019-08-01 15:55 評論0 收藏0
讓前端攻城師獨(dú)立于后端進(jìn)行開發(fā): Mock.js

摘要：一是什么目前的大部分公司的項目都是采用的前后端分離后端接口的開發(fā)和前端人員是同時進(jìn)行的那么這個時候就會存在一個問題在頁面需要使用大量數(shù)據(jù)進(jìn)行渲染生成前后端開發(fā)人員的接口也許并沒有寫完作為前端的我們也就沒有辦法獲取數(shù)據(jù)所以前端工程師就需要自己 showImg(https://segmentfault.com/img/remote/1460000013022563); 一.Mock.js是...

Fundebug 2019-08-22 14:06 評論0 收藏0
前后端開發(fā)分離之Mock

摘要：為了使得前端減輕對后端的依賴，在后端功能尚未實(shí)現(xiàn)的情況下保證前端進(jìn)度的開發(fā)，我們一般會手動進(jìn)行一些數(shù)據(jù)模擬，即假數(shù)據(jù)。覆蓋攔截請求，目前內(nèi)置支持。序有時候我們開發(fā)一般會分為前后端，前端負(fù)責(zé)數(shù)據(jù)顯示和UI交互，后端負(fù)責(zé)數(shù)據(jù)IO等等。因此造成前端對后端有嚴(yán)重依賴，使得前端的開發(fā)進(jìn)度普遍滯后于后端。為了使得前端減輕對后端的依賴，在后端功能尚未實(shí)現(xiàn)的情況下保證前端進(jìn)度的開發(fā)，我們一般會手...

phpmatt 2019-08-21 17:49 評論0 收藏0
前后端開發(fā)分離之Mock

摘要：為了使得前端減輕對后端的依賴，在后端功能尚未實(shí)現(xiàn)的情況下保證前端進(jìn)度的開發(fā)，我們一般會手動進(jìn)行一些數(shù)據(jù)模擬，即假數(shù)據(jù)。覆蓋攔截請求，目前內(nèi)置支持。序有時候我們開發(fā)一般會分為前后端，前端負(fù)責(zé)數(shù)據(jù)顯示和UI交互，后端負(fù)責(zé)數(shù)據(jù)IO等等。因此造成前端對后端有嚴(yán)重依賴，使得前端的開發(fā)進(jìn)度普遍滯后于后端。為了使得前端減輕對后端的依賴，在后端功能尚未實(shí)現(xiàn)的情況下保證前端進(jìn)度的開發(fā)，我們一般會手...

tyheist 2019-05-29 17:03 評論0 收藏0