第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

上一個(gè)完成后的ajax執(zhí)行功能

上一個(gè)完成后的ajax執(zhí)行功能

縹緲止盈 2021-09-17 13:35:44
我有一個(gè)在單擊提交后運(yùn)行的進(jìn)度條。然后應(yīng)用程序?qū)⑻幚砗笈_(tái)任務(wù)并更新進(jìn)度條。問題是如何在進(jìn)度條達(dá)到 100% 后顯示下載按鈕而不是在進(jìn)度條開始更新時(shí)顯示按鈕?$('form').on('submit', function(event) {  event.preventDefault();  var formData = new FormData(this);  // add task status elements  div = $('<div class="progress"><div></div><div>0%</div><div>...</div></div>');  $('#progress').append(div);  // progress bar  var nanobar = new Nanobar({    bg: '#03adff',    target: div[0].childNodes[0]  });  $.ajax({    type: 'POST',    url: '/longtask',    data: formData,    processData: false,    contentType: false,    success: function(data, status, request) {      status_url = request.getResponseHeader('Location');      update_progress(status_url, nanobar, div[0]);    },    complete: function() {      $("#dl").css("display", "block");    },    error: function() {      alert('Unexpected error');    }  });})function update_progress(status_url, nanobar, status_div) {  // send GET request to status URL  $.getJSON(status_url, function(data) {    percent = parseInt(data['current'] * 100 / data['total']);    nanobar.go(percent);    $(status_div.childNodes[1]).text(percent + '%');    $(status_div.childNodes[2]).text(data['status']);    if (data['state'] != 'PENDING' && data['state'] != 'PROGRESS') {      if ('result' in data) {        // show result        $(status_div.childNodes[3]).text('Result: ' + data['result']);      } else {        // something unexpected happened        $(status_div.childNodes[3]).text('Result: ' + data['state']);      }    } else {      setTimeout(function() {        update_progress(status_url, nanobar, status_div);      }, 1000);    }  });}
查看完整描述

1 回答

?
白豬掌柜的

TA貢獻(xiàn)1893條經(jīng)驗(yàn) 獲得超10個(gè)贊

假設(shè)#dl您是下載按鈕。


您可以將其移動(dòng)$("#dl").css("display", "block");到您的update_progress功能中:


$('form').on('submit', function(event) {

  event.preventDefault();

  var formData = new FormData(this);

  // add task status elements

  div = $('<div class="progress"><div></div><div>0%</div><div>...</div></div>');

  $('#progress').append(div);

  // progress bar

  var nanobar = new Nanobar({

    bg: '#03adff',

    target: div[0].childNodes[0]

  });

  $.ajax({

    type: 'POST',

    url: '/longtask',

    data: formData,

    processData: false,

    contentType: false,

    success: function(data, status, request) {

      status_url = request.getResponseHeader('Location');

      update_progress(status_url, nanobar, div[0]);

    },

    error: function() {

      alert('Unexpected error');

    }

  });

})


function update_progress(status_url, nanobar, status_div) {

  // send GET request to status URL

  $.getJSON(status_url, function(data) {

    percent = parseInt(data['current'] * 100 / data['total']);

    nanobar.go(percent);

    $(status_div.childNodes[1]).text(percent + '%');

    $(status_div.childNodes[2]).text(data['status']);

    if (data['state'] != 'PENDING' && data['state'] != 'PROGRESS') {

      if ('result' in data) {

        // Show download button once done

        $("#dl").css("display", "block");

        // show result

        $(status_div.childNodes[3]).text('Result: ' + data['result']);

      } else {

        // something unexpected happened

        $(status_div.childNodes[3]).text('Result: ' + data['state']);

      }

    } else {

      setTimeout(function() {

        update_progress(status_url, nanobar, status_div);

      }, 1000);

    }

  });

}


查看完整回答
反對(duì) 回復(fù) 2021-09-17
  • 1 回答
  • 0 關(guān)注
  • 180 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)