首页 > 代码库 > 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不会显示。