真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

Bootstrap進(jìn)度條與AJAX后端數(shù)據(jù)傳遞結(jié)合使用的示例分析

這篇文章主要介紹了Bootstrap進(jìn)度條與AJAX后端數(shù)據(jù)傳遞結(jié)合使用的示例分析,具有一定借鑒價(jià)值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)建站專注于企業(yè)網(wǎng)絡(luò)營(yíng)銷推廣、網(wǎng)站重做改版、紹興網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5場(chǎng)景定制商城網(wǎng)站建設(shè)、集團(tuán)公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)公司、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計(jì)等建站業(yè)務(wù),價(jià)格優(yōu)惠性價(jià)比高,為紹興等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

很多時(shí)候,我們執(zhí)行頁面上某個(gè)URL請(qǐng)求的時(shí)候,需要有等待的時(shí)間。如果是直接的頁面跳轉(zhuǎn),瀏覽器會(huì)有緩沖進(jìn)度展示,但是如果是AJAX,我覺得應(yīng)該自己加上進(jìn)度條,等待數(shù)據(jù)全部接收到之后,進(jìn)度條消失,展示頁面。

在Yii框架里面使用了AJAX后,覺得前后端的數(shù)據(jù)交互變得方便多了。

下面直接貼代碼啦

控制器Controller

public function actionTest(){  
 if(isset($_POST["number"])){   
 $html = “success”;
 }else{
 $html ="something wrong";
 }
 sleep(5);
 echo $html;
 Yii::app()->end();
}

View視圖



 
     
  
  

正在查詢中.....

          100% 完成    
  
        $("#searchModal").modal("show");//顯示“正在查詢”字樣的模態(tài)框  htmlobj = $.ajax({   url:"/Controller/test",   type : 'POST',   data : { "number" : "123",       },   dataType : "text",   //contentType : 'application/x-www-form-urlencoded',   async : true,   success : function(mydata) {    $('#searchModal').modal('hide');//服務(wù)器停止了5秒,sleep(5),假設(shè)是查詢數(shù)據(jù)用了5秒   //setTimeout("$('#searchModal').modal('hide')",2000); //設(shè)置2000毫秒之后模態(tài)框消失      $('#searchModal').on('hidden.bs.modal', function () {  //    // 執(zhí)行一些動(dòng)作...    $("#homeworkContent").html(mydata); //顯示后端傳遞的結(jié)果    });  },   error : function() {    alert("calc failed");   }  }); 

感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“Bootstrap進(jìn)度條與AJAX后端數(shù)據(jù)傳遞結(jié)合使用的示例分析”這篇文章對(duì)大家有幫助,同時(shí)也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關(guān)知識(shí)等著你來學(xué)習(xí)!


分享文章:Bootstrap進(jìn)度條與AJAX后端數(shù)據(jù)傳遞結(jié)合使用的示例分析
當(dāng)前路徑:http://weahome.cn/article/pihoch.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部