workdesktop的ajax被打包成了自己的服務。它的內核為axios,所以使用頁面需要有axios引入。如果是使用include.js導入助手,則已經包含了該引用。
該變量已經掛在至window上,直接在頁面使用 `window.$wd` 即可獲取對象實例。注意,vue實例里this會被覆蓋掉,
通過執行 `window.$wd.v()` 可在輸出控制臺版本號。
window.$wd.$http為ajax服務對象,它有以下常用方法:
| 方法名 | 說明 | 參數 |
| --- | --- |--- |
| get | 發起一個get請求 | url:請求的url;configs:配置對象,詳情查看configs內容;callbacks:回調方法對象,詳情查看callbacks內容; |
| post | 發起一個post請求 | url:請求的url;configs:配置對象,詳情查看configs內容;callbacks:回調方法對象,詳情查看callbacks內容; |
| patch | 發起一個patch請求 | url:請求的url;configs:配置對象,詳情查看configs內容;callbacks:回調方法對象,詳情查看callbacks內容; |
| delete | 發起一個delete請求 | configs:配置對象,詳情查看configs內容;callbacks:回調方法對象,詳情查看callbacks內容; |
| head | 發起一個head請求 | configs:配置對象,詳情查看configs內容;callbacks:回調方法對象,詳情查看callbacks內容; |
| getUri | 發起一個uri請求 | configs:配置對象,詳情查看configs內容;callbacks:回調方法對象,詳情查看callbacks內容; |
| create | 創建一個請求,需要指定配置的method屬性 | configs:配置對象,詳情查看configs內容;callbacks:回調方法對象,詳情查看callbacks內容; |
> 如果你希望使用promise方式,可以使用wd.$http.$axios對象來獲取axios進行調用。
## Configs配置
| 配置 | 說明 | 參數說明 |
| --- | --- | --- |
| successTip | 輔助配置,操作成功后(返回code>=0)消息提示類型 | 包含類型:none,message,notify,alert |
| failTip | 輔助配置,操作失敗后(返回code<0)消息提示類型 | 包含類型:none,message,notify,alert |
| loading | 輔助配置,是否啟用loading狀態 | 開啟狀態下,ajax請求完成前會有loading加載內容 |
| loadingConfig | 輔助配置,loading狀態配置 | target:loading在哪個node上顯示;body:是否插入至body;fullscreen:是否全屏;lock:是否鎖定滾動;text:顯示文本;spinner:加載圖標類名;background:遮罩背景色;customClass:loading的自定義類名; |
| 其他 | 支持所有axios配置參數 | |
> workdesktop提供默認配置,配置文件位置:/js/workdesktop/config.js
## callbacks配置
| 配置 | 說明 | 參數說明 |
| --- | --- | --- |
| success | 請求結果成功,code=0 | responseData:響應數據 |
| fail | 請求結果失敗,fail | responseData:響應數據 |
| complete | ajax請求完成,無論結果是成功或者失敗或者異常,它始終會執行 | 當執行成功時返回responseData,中途出現異常時返回exception |
| exception | ajax請求過程中發生錯誤 | exception:異常實例 |
> 注意:如果在success、fail或者complete里面發生的異常也會引發exception方法,并且繼續拋出該異常。
- 序言
- 安裝
- 組件查詢
- buttons
- WdApiButton
- WdDrawerButton
- WdRefreshButton
- WdRouteButton
- WdConfirmButton
- datagrid
- WdDatagrid
- WdGridDeleteButton
- WdGridEnableButton
- editgrid
- WdEditgrid
- WdEditgridCell
- element
- WdCard
- WdCollapse
- WdDrawerIframe
- WdIframe
- WdLabel
- WdSplitLabel
- WdDetail
- WdToolBar
- WdRepeater
- WdApiManager
- form
- WdDataForm
- WdSelect
- WdRadioList
- WdCheckboxList
- WdUploadImage
- search
- WdSearchCheckbox
- WdSearchDatepick
- WdSearchForm
- WdSearchInput
- WdSearchRadio
- WdSearchSelect
- tree
- WdTree
- 內置服務
- ajax服務
- 消息服務
- 框架方法
- tab操作
- 其他
- demo說明