Heim > Web-Frontend > Front-End-Fragen und Antworten > So erhalten Sie Javascript-Daten aus einer ASPX-Antwort

So erhalten Sie Javascript-Daten aus einer ASPX-Antwort

WBOY
Freigeben: 2023-05-17 14:06:37
Original
808 Leute haben es durchsucht

Bei der ASP.NET-Entwicklung treten normalerweise Situationen auf, in denen Sie vom Server zurückgegebene Daten in JavaScript abrufen müssen. Diese Daten werden häufig in der ASPX-Antwort generiert und zurückgegeben. In diesem Artikel wird erläutert, wie Sie JavaScript-Daten von ASPX Response erhalten.

1. Generieren von JavaScript-Daten in ASPX-Seiten

Es gibt viele Möglichkeiten, JavaScript-Daten in ASPX-Seiten zu generieren, nämlich über HiddenField The Die Steuerung speichert die Daten auf der Seite, die dann in JavaScript abgerufen und verarbeitet werden.

  1. Fügen Sie zunächst ein HiddenField-Steuerelement in der ASPX-Datei hinzu:
<asp:HiddenField ID="hdnData" runat="server" />
Nach dem Login kopieren
  1. Generieren Sie das JavaScript, das in der ASPX übergeben werden muss .cs-Datei Daten und speichern Sie die Daten in HiddenField:
protected void Page_Load(object sender, EventArgs e)
{
    // 生成需要传递的数据
    string data = "hello world";
    // 将数据存储在HiddenField中
    hdnData.Value = data;
}
Nach dem Login kopieren

2. Erhalten Sie ASPX-Antwortdaten in JavaScript

Die von ASPX zurückgegebene Antwort enthält viele Informationen, Wenn wir die JavaScript-Daten abrufen müssen, können wir die folgende Methode verwenden:

  1. Verwenden Sie die Schreibmethode des Document-Objekts, um JavaScript-Code in die Seite zu schreiben und auf ASPX.cs zuzugreifen der Code Die von der Datei zurückgegebenen Daten. Beispiel:
<script type="text/javascript">
    document.write('<script type="text/javascript" src="js/myjs.js"><'+'/script>');
    var data = '<%= hdnData.Value %>';
    // 在这里对数据进行处理
</script>
Nach dem Login kopieren
  1. Verwenden Sie das XMLHttpRequest-Objekt in JavaScript, um eine Anfrage an die ASPX-Seite zu senden und dann die zurückgegebenen Daten in der Rückruffunktion abzurufen. Beispiel:
function loadData() {
    var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            var data = xmlhttp.responseText;
            // 在这里对数据进行处理
        }
    };
    xmlhttp.open("GET", "myPage.aspx", true);
    xmlhttp.send();
}
Nach dem Login kopieren

Beide der beiden oben genannten Methoden können die von der ASPX-Seite zurückgegebenen JavaScript-Daten abrufen. Der Unterschied besteht darin, dass die erste Methode die Daten direkt beim Laden der Seite erhält. und die zweite Methode: Daten werden durch asynchrone Anforderungen in JavaScript abgerufen.

3. Hinweise

  1. Die auf der ASPX-Seite zurückgegebenen Daten müssen den JavaScript-Syntaxregeln entsprechen, andernfalls schlägt die Ausführung des JavaScript-Codes fehl, was letztendlich Auswirkungen auf die hat gesamte Anwendung Normalbetrieb des Programms.
  2. Beim Abrufen der von ASPX zurückgegebenen Antwortdaten ist zu beachten, dass die Antwortdaten nicht unbedingt reiner JavaScript-Code sind und andere Datentypen wie HTML, CSS, XML usw. enthalten können. die in die JavaScript-Analyse und -Verarbeitung einbezogen werden müssen.
  3. Um domänenübergreifende Probleme zu vermeiden, muss die Anfrage normalerweise beim Anfordern von Daten von einer ASPX-Seite in JavaScript unter demselben Domänennamen an die ASPX-Seite gesendet werden. Andernfalls können die Daten aufgrund von Browsereinschränkungen möglicherweise nicht abgerufen werden.

Kurz gesagt: Um JavaScript-Daten aus der ASPX-Antwort zu erhalten, müssen die Originaldaten auf der ASPX-Seite generiert und zurückgegeben und anschließend in JavaScript analysiert und verarbeitet werden. Mit dem obigen Formular können wir die Front-End- und Back-End-Datenübertragung in ASP.NET-Anwendungen problemlos realisieren.

Das obige ist der detaillierte Inhalt vonSo erhalten Sie Javascript-Daten aus einer ASPX-Antwort. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage