Heim > Web-Frontend > js-Tutorial > Hauptteil

Analyse und Lösungen für die Fehlerursachen beim Herunterladen der Jquery Ajax-Anforderungsdatei

亚连
Freigeben: 2018-05-24 14:55:29
Original
2263 Leute haben es durchsucht

jQuery ist in der Tat ein sehr gutes, leichtes JS-Framework, das uns dabei helfen kann, schnell JS-Anwendungen zu entwickeln, und es hat in gewissem Maße unsere Gewohnheit, JavaScript-Code zu schreiben, geändert. Dieser Artikel konzentriert sich auf die Einführung der JQuery-Ajax-Anforderungsdateianalyse Freunde, die an der Analyse der Gründe für das Scheitern von Ajax-Anfragen interessiert sind, sollten gemeinsam lernen

jQuery ist in der Tat ein sehr gutes, leichtes JS-Framework, das uns bei der schnellen Entwicklung von JS-Anwendungen helfen kann. und bis zu einem gewissen Grad hat es unsere Gewohnheit, JavaScript-Code zu schreiben, verändert.

Hören Sie auf, Unsinn zu reden, und kommen Sie zur Sache.

Gründe für das Scheitern

Das liegt an der Reaktion Im Allgemeinen verarbeitet der anfordernde Browser die vom Server ausgegebene Antwort, z. B. das Generieren von PNG, das Herunterladen von Dateien usw. Bei der Ajax-Anfrage handelt es sich jedoch nur um eine „Zeichentyp“-Anfrage, dh der angeforderte Inhalt wird im Texttyp gespeichert . Der Download der Datei erfolgt in binärer Form. Obwohl die zurückgegebene Antwort gelesen werden kann, kann js den Download-Verarbeitungsmechanismus und das Programm des Browsers nicht aufrufen.

2. Lösung

1) Sie können jquery verwenden, um ein Formular zu erstellen und es zum Dateidownload einzureichen;

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();
Nach dem Login kopieren

2) Sie können direkt Verwenden Sie das Tag a, um es zu implementieren. Datei herunterladen.

Zum Herunterladen klicken

3) Verwenden Sie zum Lösen einen versteckten Iframe oder ein neues Formular .

PS: Verwendung der AJAX-Anfrage-Methode $.ajax

Verwenden Sie die $.ajax-Methode von jQuery, um AJAX-Anfragen detaillierter zu steuern. Es übt eine differenzierte Kontrolle über AJAX-Anfragen aus.

Syntax der $.ajax-Methode

$.ajax(options)

$.ajax(options)

参数

options

(对象)一个对象的实例,其属性定义这个操作的参数。详情见下表。

返回值

XHR实例

Parameter<🎜>

options<🎜>(object) Eine Instanz eines Objekts, dessen Eigenschaften die Parameter dieser Operation definieren. Einzelheiten finden Sie in der Tabelle unten. <🎜>
Rückgabewert<🎜>

Name

Typ

Beschreibung

URL

String

Angeforderte URL-Adresse

Typ

Zeichenfolge

Zu verwendende HTTP-Methode. Normalerweise POST oder GET. Wenn es weggelassen wird, wird standardmäßig GET

data

object

verwendet Ein Objekt, dessen Eigenschaften als Abfrageparameter an die Anfrage übergeben werden. Wenn es sich um eine GET-Anfrage handelt, werden die Daten als Abfragezeichenfolge übergeben; wenn es sich um eine POST-Anfrage handelt, werden die Daten als Anforderungstext übergeben. In beiden Fällen wird die Kodierung des Werts von der Dienstprogrammfunktion $.ajax()

übernommen

dataType

String

Ein Schlüsselwort zur Identifizierung des erwarteten Typs von Daten, die in der Antwort zurückgegeben werden. Dieser Wert bestimmt, welche nachfolgende Verarbeitung (falls vorhanden) durchgeführt wird, bevor die Daten an die Rückruffunktion übergeben werden. Gültige Werte sind:

xml – der Antworttext wird in ein XML-Dokument geparst und das resultierende XML-DOM wird an die Rückruffunktion übergeben

html – der Antworttext wird an den Rückruf übergeben Funktion unbearbeitet. Alle

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage