MUi框架ajax請求WebService接口實例
更新時間:2018年01月31日 10:39:56 作者:P_Alex
下面小編就為大家分享一篇MUi框架ajax請求WebService接口實例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
實例如下所示:
mui.init();
mui.plusReady(function()
{
document.getElementById('login').addEventListener('tap',function()
{
var UserName=document.getElementById("account").value;
var Userpassword= hex_md5(document .getElementById("password").value);
mui.ajax('http://XXXXX/Login.asmx/MgLogin',
{
data:"{'loginname':'"+UserName+"','password':'"+Userpassword+"','identifies':'123456','code':''}",
type:'POST',//HTTP請求類型
dataType:'json',//服務(wù)器返回json格式數(shù)據(jù)
timeout:10000,//超時時間設(shè)置為10秒;
headers:{'Content-Type':'application/json'},
success:function(data)
{
//服務(wù)器返回響應,根據(jù)響應結(jié)果,分析是否登錄成功;
var jsons=data.d;
var str=JSON.parse(jsons);
if(str["StatusCode"]=="200")
{
mui.alert("登陸成功");
}else
{
mui.alert("登陸失敗");
}
},
error:function(xhr,type,errorThrown)
{
//異常處理;
mui.alert(type);
console.log(type);
}
});
});
});
注意:如果返回的格式有問題會提示:abort
以上這篇MUi框架ajax請求WebService接口實例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關(guān)文章
ajax中設(shè)置contentType: "application/json"的作用
這篇文章主要介紹了ajax中設(shè)置contentType: “application/json”的作用,需要的朋友可以參考下2018-04-04
使用ajax和history.pushState無刷新改變頁面URL示例
這篇文章主要介紹了使用ajax和history.pushState無刷新改變頁面URL示例,需要的朋友可以參考下2014-10-10
ajax、axios和fetch之間優(yōu)缺點重點對比總結(jié)
今天被問到用沒用過ajax axios,我回答經(jīng)常用axios,但ajax用的比較少,下面這篇文章主要給大家介紹了關(guān)于ajax、axios和fetch之間優(yōu)缺點重點對比總結(jié)的相關(guān)資料,需要的朋友可以參考下2022-12-12
ajax 入門基礎(chǔ)之 XMLHttpRequest對象總結(jié)
在ajax中有一個最為核心的概念就是 XMLHttpRequest 對象,這篇文章將有助于我們更加深入的理解 ajax 的知識2009-08-08

