首页 > 代码库 > JqueryMoblie 之 loading
JqueryMoblie 之 loading
显示“正在加载........”等字样,并且带有加载图片的显示。
//显示加载器
function showLoader() {
$.mobile.loading(‘show‘, {
text: ‘正在提交...‘, //加载器中显示的文字
textVisible: true, //是否显示文字
theme: ‘d‘, //加载器主题样式a-e
textonly: false, //是否只显示文字
html: "" //要显示的html内容,如图片等
});
}
隐藏“正在加载......”和图标
function hideLoader()
{
//隐藏加载器
$.mobile.loading(‘hide‘);
}
请求如下:
showLoader();
$.ajax({
type : "post",
async : true,
url : "test.jsp?orderId="+orderData.orderId+"&sinalSign="+sinalSign,
dataType : "json",
success : function(json) {
if (json.returnState) {
} else {
$("#warnSubmit").html("<font color=‘red‘>(出租失败)</font>");
}
hideLoader();
},
error : function() {
$("#warnSubmit").html("<font color=‘red‘>(出租失败)</font>");
hideLoader();
}
});
注:在一个请求中,往往在请求之前显示loading,在获得结果后隐藏loading,应当注意的是,由于请求是异步的,所以需要在请求发起之前调用showLoader,在请求中的结果处理中调用hideLoader,而不是在请求代码外调用hideLoader,否则loading不会显示。