[转]jquery的ajax交付时“加载中”提示的拍卖措施

本文转自:http://www.educity.cn/wenda/77121.html

jquery的ajax提交时“加载中”提示的拍卖方法
    方法1:使用ajaxStart方法定义一个大局的“加载中。。。”提示

$(function(){
    $(“#loading”).ajaxStart(function(){
        $(this).html(“<img src=’/jqueryStuloading.gif’
/$amp;>quot;$);
      });
      $(“#loading”).ajaxSuccess(function(){
        $(this).html(“”);
        // $(this).empty(); // 或者直接排
      });

});

<div id=”loading”$amp;>amp;$lt;/div>

注意:

负有的ajax提交都见面触发ajaxStart事件,都见面以公定义之

<div id=”loading”$amp;>amp;$lt;/div>

岗位及亮“加载中。。。”的图标(当然你吧足以定义文字,但是一个加载中之图形于尴尬);

——-但是毫无疑问要是注意,同时要定义好ajaxSuccess事件,ajax提交成功后将这图标隐藏起来!!!

特意提醒:

采用ajaxStart或ajaxSuccess事件频仍,相当给概念了一个大局的显示“加载中。。。”的职位,所有ajax提交时“加载中。。。”的图标都始终显示在一个职!!!!

方式2:在ajax方法中定义任意位置显示的“加载中。。。”提示

$(‘#ajax_test2’).click(function(){
     $.ajax({
          url —- url路径,根据你用几啦,
          type:’post’,
          data:’name=ZXCVB’,
          timeout:15000,
          beforeSend:function(XMLHttpRequest){
              //alert(‘远程调用开始…’);
              $(“#loading”).html(“<img
src=’/jqueryStuloading.gif’ /$amp;>quot;$);
         },
         success:function(data,textStatus){
             alert(‘开始回调,状态文本值:’+textStatus+’
返回数据:’+data);
             // $(“#loading”).empty();
           },
          complete:function(XMLHttpRequest,textStatus){
              // alert(‘远程调用成功,状态文本值:’+textStatus);
             $(“#loading”).empty();
           },
           error:function(XMLHttpRequest,textStatus,errorThrown){
              alert(‘error…状态文本值:’+textStatus+”
异常信息:”+errorThrown);
             $(“#loading”).empty();
          }
       });
    });

<input type=”button” id=”ajax_test2″ value=”Ajax方式”>
  <div id=”loading”$amp;>amp;$lt;/div>

挺显眼,在beforeSend时,在指定的岗位显得“加载中。。。”图标,在error、complete、success后把该图标移除掉!!!!

注意:

页面有多单ajax提交时,建议利用第二种办法,因为“加载中。。。”图标可以来得在自由而要刷新的位置及!!!!!这便是它的优势:自由呀!!!!

==其他 =====================

加载中图纸如下,当然你得肆意之计划啊:

 

相关文章