ajax 请求后台友好提示

使用ajax 请求后台，给用户友好提示

如果对ajax非常熟悉可以直接看最下方 个人总结 部分，当然也可以看看代码更加清晰明了；

点击请求数据时，应该提示正在请求中…

例如：

$(document).on(“tap”,".btn",function(){
var id = $(".btn").attr(“data-id”);

if(!id ){
	appcan.window.openToast("请先选择单位", 'five');
	console.log("单位id："+id );
else{	
	appcan.window.openToast("请求数据中...");
	console.log("id ",id );
	getData(id);		
}

})

function getData(id){
var url = “http://192.168.126.5:80/plan/getJoinbz”;
var getData = {
data:{
Id:id
},
url:url,
type: “POST”,
dataType : “json”,
async : false,
timeout:100000000,
contentType : “application/x-www-form-urlencoded”,
success : function(data) {
appcan.window.closeToast();
if (data.retcode == 200) {
$("#id").htm(data);
}else{
appcan.window.openToast(“暂无数据”);
}
}
},error:function(data){
appcan.window.openToast(“请求数据失败！”);
appcan.window.closeToast();
console.log(“请求失败：”+data);
}
}
appcan.ready(function() {
appcan.request.ajax(getData);
});
}

个人总结

1.点击时 提示 请求中 appcan.window.openToast(“请求数据中…”);
2.请求时避免请求的时间过长，应该加上 timeout:100000000, 进行回显数据，避免数据丢失；
3.请求结束后，失败则提示appcan.window.openToast(“请求数据失败！”) 并关闭提示窗口appcan.window.closeToast();
成功则直接关闭 appcan.window.closeToast(); 提示窗口；

项目中appcan框架进行开发，在此给人做个推广，免费的框架，开发混合版app用着还不错。

如有不足的地方，还请留言指出，万分感谢。

如有侵权，请及时联系我。