濮阳杆衣贸易有限公司

主頁 > 知識庫 > Jquery Ajax請求文件下載操作失敗的原因分析及解決辦法

Jquery Ajax請求文件下載操作失敗的原因分析及解決辦法

熱門標簽:云呼外撥網(wǎng)絡(luò)電話系統(tǒng) 個人怎樣在百度地圖標注地名 越南河內(nèi)地圖標注 騰訊地圖標注位置能用多久 硅語電話機器人公司 超級大富翁地圖標注 地圖標注項目怎么樣 機器人電銷騙局揭秘 ai機器人電銷資源

jQuery確實是一個挺好的輕量級的JS框架,能幫助我們快速的開發(fā)JS應(yīng)用,并在一定程度上改變了我們寫JavaScript代碼的習慣。

廢話少說,直接進入正題,我們先來分析一下失敗的原因

一、失敗的原因

那是因為response原因,一般請求瀏覽器是會處理服務(wù)器輸出的response,例如生成png、文件下載等,然而ajax請求只是個“字符型”的請求,即請求的內(nèi)容是以文本類型存放的。文件的下載是以二進制形式進行的,雖然可以讀取到返回的response,但只是讀取而已,是無法執(zhí)行的,說白點就是js無法調(diào)用到瀏覽器的下載處理機制和程序。

二、解決方案

1)可以使用jquery創(chuàng)建表單并提交實現(xiàn)文件下載;

var form = $("form>");
form.attr("style","display:none");
form.attr("target","");
form.attr("method","post");
form.attr("action",rootPath + "T_academic_essay/DownloadZipFile.do");
var input1 = $("input>");
input1.attr("type","hidden");
input1.attr("name","strZipPath");
input1.attr("value",strZipPath);
$("body").append(form);
form.append(input1);
form.submit();
form.remove();

2)可以直接使用a標簽實現(xiàn)文件下載;

a href=”下載地址”>點擊下載/a>

3)使用隱藏iframe或新窗體解決。

PS:AJAX請求 $.ajax方法的使用

使用jQuery的$.ajax方法可以更為詳細的控制AJAX請求。它在AJAX請求上施加細粒度級別的控制。

$.ajax方法語法

$.ajax(options)

參數(shù)

 

options

(對象)一個對象的實例,其屬性定義這個操作的參數(shù)。詳情見下表。

返回值

XHR實例

options詳細范圍值

名稱

類型

描述

url

字符串

請求的url地址

type

字符串

將要使用的HTTP方法。通常是POST或GET。如果省略,則默認為GET

data

對象

一個對象,其屬性作為查詢參數(shù)而傳遞請求。如果是GET請求,則把數(shù)據(jù)作為查詢字符串傳遞;如果是POST請求,則把數(shù)據(jù)作為請求體傳遞。在這兩種情況下,都是由$.ajax()實用工具函數(shù)來處理值的編碼

dataType

字符串

一個關(guān)鍵字,用來標識預(yù)期將被響應(yīng)所返回的數(shù)據(jù)的類型。這個值決定再把數(shù)據(jù)傳遞給回調(diào)函數(shù)之前(如果有)進行什么后續(xù)處理。有效值如下:

xml-響應(yīng)文本被解析為XML文檔,而作為結(jié)果的XML DOM被傳遞給回調(diào)函數(shù)

html-響應(yīng)文本未經(jīng)處理就被傳遞給回調(diào)函數(shù)。在已返回HTML片段內(nèi)的任何script>塊將被求值

json-響應(yīng)文本被求值為JSON字符串,而作為結(jié)果的對象被傳遞給回調(diào)函數(shù)

jsonp-與json相似,不同之處是提供遠程腳本支持(假定遠程服務(wù)器支持)

script-響應(yīng)文本被傳遞給回調(diào)函數(shù)。在任何回調(diào)函數(shù)被調(diào)用之前,響應(yīng)被作為一個或多個JavaScript語句而進行處理

text-響應(yīng)文本被假定為普通文本。服務(wù)器資源負責設(shè)置適當?shù)膬?nèi)容類型響應(yīng)標頭。如果省略這個屬性,則不對響應(yīng)文本進行任何處理或求值就傳遞給回調(diào)函數(shù)

timeout

數(shù)值

設(shè)置Ajax請求的超時值(毫秒)。如果請求在超時值到期之前仍未完成,則中止請求并且調(diào)用錯誤回調(diào)函數(shù)(如果已定義)

global

布爾型

啟用或禁用全局函數(shù)的觸發(fā)。這些函數(shù)可以附加到元素上,并且在Ajax調(diào)用的不同時刻或狀態(tài)下觸發(fā)。默認啟用全局函數(shù)觸發(fā)

contentType

字符串

將要在請求上指定的內(nèi)容類型。默認為application/x-www-form-urlencoded(與表單提交所使用的默認類型相同)

success

函數(shù)

如果請求的響應(yīng)指示成功狀態(tài)碼,則這個函數(shù)被調(diào)用。響應(yīng)體作為第一個參數(shù)被返回給這個函數(shù),并且根據(jù)指定的dataType屬性進行。第二個參數(shù)是包含狀態(tài)碼的字符串—這種情況下永遠為成功狀態(tài)碼

error

函數(shù)

如果請求的響應(yīng)返回錯誤狀態(tài)碼,則這個函數(shù)被調(diào)用。三個實參被傳遞給這個函數(shù):XHR實例、狀態(tài)消息字符串(在這種情況下永遠為錯誤狀態(tài)碼)以及XHR實例所返回的異常對象(可選)

complete

函數(shù)

請求完成時被調(diào)用。兩個實參被傳遞:XHR實例和狀態(tài)消息字符串(成功狀態(tài)碼或錯誤狀態(tài)碼)。如果也指定了success或error回調(diào)函數(shù),則這個函數(shù)在success或error回調(diào)函數(shù)調(diào)用之后被調(diào)用

beforeSend

函數(shù)

在發(fā)起請求之前被調(diào)用。這個函數(shù)被傳遞XHR實例,并且可以用來設(shè)置自定義的標頭或執(zhí)行其他預(yù)請求操作

async

布爾型

如果指定為false,則請求被提交為同步請求。在默認的情況下,請求是異步的

processData

布爾型

如果設(shè)置為false,則阻止已傳遞數(shù)據(jù)被加工為URL編碼格式。默認情況下,數(shù)據(jù)被加工為URL編碼格式(適用于類型為application/x-www-form-urlencoded的請求)

ifModified

布爾型

如果設(shè)置為true,則自從上一次請求以來,只有在響應(yīng)內(nèi)容沒有改變的情況下(根據(jù)Last-Modified標頭)才允許請求成功。如果省略,則不執(zhí)行標頭檢查

下面看個例子,盡可能多的用到options中的選項

客戶端代碼:

html xmlns="http://www.w3.org/1999/xhtml">
head>
title>/title>
script src="Scripts/jquery-1.4.1.min.js" type="text/javascript">/script>
script type="text/javascript">
$().ready(function () {
  $('#selectNum').change(function () {
    var idValue = $(this).val();
    var show = $('#show');
    $.ajax({
      url: 'Server.aspx',
      type: 'POST',
      data: { id: idValue },
      //調(diào)小超時時間會引起異常
      timeout: 3000,
      //請求成功后觸發(fā)
      success: function (data) { show.append('success invoke!' + data+'br/>'); },
      //請求失敗遇到異常觸發(fā)
      error: function (xhr, errorInfo, ex) { show.append('error invoke!errorInfo:' + errorInfo+'br/>'); },
      //完成請求后觸發(fā)。即在success或error觸發(fā)后觸發(fā)
      complete: function (xhr, status) { show.append('complete invoke! status:' + status+'br/>'); },
      //發(fā)送請求前觸發(fā)
      beforeSend: function (xhr) {
      //可以設(shè)置自定義標頭
      xhr.setRequestHeader('Content-Type', 'application/xml;charset=utf-8');
      show.append('beforeSend invoke!' +'br/>');
      },
      //是否使用異步發(fā)送
      async: true
    })
  });
})
/script>
/head>
body>
select id="selectNum">
  option value="0">--Select--/option>
  option value="1">1/option>
  option value="2">2/option>
  option value="3">3/option>
/select>
div id="show">/div>
/body>
/html>

服務(wù)端主要代碼:

protected void Page_Load(object sender, EventArgs e)
{
  if (!Page.IsPostBack)
  {
    if (Request["id"] != null  !string.IsNullOrEmpty(Request["id"].ToString()))
    {
      //啟用該句會引發(fā)ajax超時異常
      // System.Threading.Thread.Sleep(3000);
      Response.Write(GetData(Request["id"].ToString()));
    }
  }
}
protected string GetData(string id)
{
  string str = string.Empty;
  switch (id)
  {
    case "1":
      str += "This is Number 1";
      break;
    case "2":
      str += "This is Number 2";
      break;
    case "3":
      str += "This is Number 3";
      break;
    default:
      str += "Warning Other Number!";
      break;
  }
  return str;
}

運行程序,結(jié)果如圖:

您可能感興趣的文章:
  • JQuery的AJAX實現(xiàn)文件下載的小例子
  • Ajax請求二進制流進行處理(ajax異步下載文件)的簡單方法
  • Ajax實現(xiàn)文件下載
  • Ajax 生成流文件下載(實現(xiàn)代碼)
  • jQuery的ajax下載blob文件
  • 使用Ajax生成的Excel文件并下載的實例
  • jQuery使用動態(tài)渲染表單功能完成ajax文件下載
  • SpringMVC+Ajax實現(xiàn)文件批量上傳和下載功能實例代碼
  • PHP使用ajax的post方式下載excel文件簡單示例
  • ztree+ajax實現(xiàn)文件樹下載功能

標簽:內(nèi)蒙古 洛陽 邢臺 舟山 海南 林芝 鄭州 遼源

巨人網(wǎng)絡(luò)通訊聲明:本文標題《Jquery Ajax請求文件下載操作失敗的原因分析及解決辦法》,本文關(guān)鍵詞  Jquery,Ajax,請求,文件下載,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《Jquery Ajax請求文件下載操作失敗的原因分析及解決辦法》相關(guān)的同類信息!
  • 本頁收集關(guān)于Jquery Ajax請求文件下載操作失敗的原因分析及解決辦法的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章
    偏关县| 铁力市| 江川县| 随州市| 青田县| 仲巴县| 马龙县| 芦溪县| 张家川| 高州市| 武强县| 建始县| 海城市| 嘉黎县| 苍山县| 灯塔市| 富平县| 铅山县| 柳州市| 扬中市| 漳平市| 抚宁县| 利川市| 昆明市| 彭阳县| 南投县| 岚皋县| 三门峡市| 正阳县| 米脂县| 南川市| 旌德县| 如东县| 赣州市| 阜新| 大姚县| 龙海市| 台湾省| 高清| 凌源市| 兰溪市|