'加入axios,替换jquery使用'

This commit is contained in:
2019-04-04 12:00:34 +08:00
parent fbd7b0afdd
commit 3de47eea46
4 changed files with 37 additions and 31 deletions

View File

@@ -86,6 +86,7 @@
<script src="https://cdn.jsdelivr.net/npm/vue" async></script> <script src="https://cdn.jsdelivr.net/npm/vue" async></script>
<script src="./res/zui/lib/jquery/jquery.js" defer></script> <script src="./res/zui/lib/jquery/jquery.js" defer></script>
<script src="./res/libs/axios.min.js" defer></script>
<script src="./res/zui/js/zui.js" defer></script> <script src="./res/zui/js/zui.js" defer></script>
<script src="./res/js/red.js" defer></script> <script src="./res/js/red.js" defer></script>
<script src="./api/meta.js" defer></script> <script src="./api/meta.js" defer></script>

View File

@@ -36,40 +36,36 @@ var red = {
var plat = red.getData("sysPlat") || {}; var plat = red.getData("sysPlat") || {};
return plat["token"]; return plat["token"];
}, },
getJSON: function (url, para, callback) { getJSON: function (url, params, callback) {
para["platToken"] = red.getPlatToken(); params["platToken"] = red.getPlatToken()
$.getJSON(url, para, function (json) { axios.get(url, {params}).then(res => {
json = json || {}; let data = res.data || {}
red.loginCheck(json); red.loginCheck(data)
var data = json; if (data.code == -1) {
if (json.code == -1) { red.showMsg({type:"error", msg: data.message})
red.showMsg({type:"error", msg: json.message});
return; return;
} }
if (data.code == 0) {
if (json.code == 0) { data = data.body
data = json.body;
} }
callback(data)
callback(data); })
});
}, },
post: function(url, para, callback) { post: function(url, params, callback) {
para["platToken"] = red.getPlatToken(); params["platToken"] = red.getPlatToken()
$.post(url, para, function (json) { axios.post(url, params).then(res => {
red.loginCheck(json); let data = red.loginCheck(res.data)
if (json.code == -1) { if (data && data.code == -1) {
red.showMsg({msg: json.message, type: "error"}); red.showMsg({msg: data.message, type: "error"})
return; return;
} }
if (callback) { if (callback) {
callback(data.code == 0 ? data.body : data)
callback(json.code == 0 ? json.body : json);
} else { } else {
red.showMsg(); red.showMsg()
} }
}); })
}, },
//TODO: 提取统一查询、请求,失败提示 //TODO: 提取统一查询、请求,失败提示

9
root/res/libs/axios.min.js vendored Normal file

File diff suppressed because one or more lines are too long

View File

@@ -97,15 +97,15 @@
<div class="footer"> <div class="footer">
Meta-Kit Developer v0.2 Meta-Kit Developer v0.2
</div> </div>
<script src="../res/zui/lib/jquery/jquery.js"></script> <script src="../res/zui/lib/jquery/jquery.js" defer></script>
<script src="../res/zui/js/zui.js"></script> <script src="../res/zui/js/zui.js" defer></script>
<script src="../res/js/red.js"></script> <script src="../res/js/red.js" defer></script>
<!--<script src="../api/user.js"></script>--> <script src="../res/libs/axios.min.js" defer></script>
<!--<script src="../api/meta.js"></script>--> <script src="../api/meta.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue"></script> <script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script type="module"> <script type="module">
import { login,logout } from '../api/user.js' import { login } from '../api/user.js'
import { getPlats } from '../api/meta.js' let { getPlats } = meta;
var vm = new Vue({ var vm = new Vue({
el: ".login", el: ".login",