appcan.ajax(options)
實現appcan中網絡數據的上傳和獲取
- 發起一個ajax請求,並獲取相應的內容
- 常用參數
options.type: 請求的類型，包括GET、POST等
options.url: 要請求的地址 注：get方式請求中攜帶中文參數，需要對參數進行encode編碼，具體函數：encodeURIComponent
options.data: 要請求的URL的參數,如果要上傳文件則data數據中必須傳一個對象包含一個path的key 例如：data:{file:{path:'a.jpeg'},file2:{path:'b.jpeg'}}上傳 a.jpeg,b.jpeg圖片
options.dataType: 服務端的響應類型，包括json, jsonp, script, xml, html, text中的一種
options.timeout: 請求的超時時間
options.success(data, status,,requestCode,response, xhr): 請求發送成功后的回調
options.error(xhr, errorType, error,msg): 請求如果出現錯誤后的回調;msg: 錯誤詳細信息，服務器返回的result信息
- script代碼
appcan.button("#submit", "ani-act", function() {
login();
})
function login() {
var name = $("#username").val();
var pwd = $("#password").val();
console.log(name + ":" + pwd);
appcan.ajax({
url : "http://testmas.appcan.cn:9000/ODBC/login?uName=" + name + "&pwd=" + pwd,
type : 'get',
dateType : 'json',
success : function(data, status, xhr) {
var obj = eval('(' + data + ')');
alert(obj.status);
if(obj.status == "0"){
alert("登錄成功");
}else{
alert("用戶名或密碼不正確");
}
},
error : function(xhr, status, errMessage) {
alert("errMessage");
}
});
}
- html代碼
<body class="um-vp bc-bg" ontouchstart>
<div class="ub ub-ver uinn-a3 ub-fv">
<div class="ub ub-ver uinn uinn-at1">
<div class="umar-a uba bc-border c-wh">
<div class="ub ub-ac ubb umh5 bc-border ">
<div class=" uinput ub ub-f1">
<div class="uinn fa fa-user sc-text"></div>
<input id="username" placeholder="手機/郵箱/用戶名" type="text" class="ub-f1">
</div>
</div>
<div class="ub ub-ac umh5 bc-border ">
<div class=" uinput ub ub-f1">
<div class="uinn fa fa-lock sc-text"></div>
<input id="password" placeholder="密碼" type="password" class="umw4 ub-f1">
</div>
</div>
</div>
<div class="ub ub-ver">
<div class="ub ub-pe uinn-a6 sc-text-active ulev-4">
忘記密碼
</div>
<div class="uinn-at1">
<div class="btn ub ub-ac bc-text-head ub-pc bc-btn uc-a1" id="submit">
登錄
</div>
</div>
<div class="uinn-at2 ub sc-text-active ulev-4">
</div>
</div>
<button type="submit"class="uinvisible"></button>
</div>
</div>
<script src="js/appcan.js"></script>
<script src="js/appcan.control.js"></script>
</body>