Heim Web-Frontend js-Tutorial jQuery.ajaxWebService fordert WebMethod an, Ajax zu verarbeiten

jQuery.ajaxWebService fordert WebMethod an, Ajax zu verarbeiten

Apr 03, 2018 pm 05:38 PM
ajax

Dieses Mal werde ich Ihnen zeigen, welche Vorsichtsmaßnahmen für jQuery.ajaxWebService gelten, um WebMethod für die Verarbeitung von Ajax anzufordern, und für jQuery.ajaxWebService, um WebMethod für die Verarbeitung von Ajax anzufordern. Hier sind die praktischen Fälle sehen.

Um ein Ajax-Programm unter WebForm zu entwickeln, müssen Sie ein allgemeines Verarbeitungsprogramm (*.ashx) oder einen Webdienst (*.asmx) verwenden und jede Ajax-Anfrage muss eine solche Datei erstellen, also, falls vorhanden Befinden sich zu viele Ajax-Programme in einem Projekt, wird unweigerlich eine Reihe von .ashx- oder .asmx-Dateien generiert. Obwohl dies für das Programm selbst nicht schädlich ist, sieht die Reihe von Dateien immer schädlich aus. Können wir diese .ashx und .asmx also wegwerfen und einen prägnanteren Weg wählen, das Ajax-Programm auszuführen?

Die Antwort ist ja, das heißt: WebMethod. (Diese Methode wurde unter der .net3.5-Version debuggt und weist unter .net2.0 Probleme auf)

Erstellen Sie zunächst eine öffentliche statische Methode in der Datei aspx.cs und fügen Sie dann das WebMethod-Attribut hinzu.

[WebMethod]
public static string GetUserName() 
{
//......
}
Nach dem Login kopieren

Wenn Sie die Sitzung in dieser Methode betreiben möchten, müssen Sie das EnableSession-Attribut von WebMethod auf true setzen. Das heißt:

[WebMethod(EnableSession = true)]//或[WebMethod(true)]
public static string GetUserName() 
{
//......
}
Nach dem Login kopieren

Dann schreiben wir ein Ajax-Programm, um auf dieses Programm zuzugreifen. Verwenden wir jQuery.

$.ajax({
type: "POST",
contentType: "application/json",
url: "WebForm2.aspx/GetUserName",
data: "{}",
dataType: "json",
success: function(){.......}
});
Nach dem Login kopieren

Hier ist eine kurze Erklärung einiger Parameter,

Typ: Der Typ der Anfrage, hier muss der Beitrag verwendet werden. Die WebMethod-Methode akzeptiert nur Post-Typ-Anfragen.

ContentType: Inhaltskodierungstyp beim Senden von Informationen an den Server. Wir müssen hier application/json verwenden.

URL: Der Pfad zum angeforderten serverseitigen Handler im Format „Dateiname (einschließlich Suffix)/Methodenname“

Daten: Parameterliste. Beachten Sie, dass die Parameter hier Strings im JSON-Format sein müssen. Denken Sie daran, im String-Format zu sein, wie zum Beispiel: „{aa:11,bb:22,cc:33, ...}“. Wenn

das, was Sie schreiben, keine Zeichenfolge ist, serialisiert JQuery es tatsächlich in eine Zeichenfolge, sodass das, was auf der Serverseite empfangen wird, nicht im JSON-Format vorliegt und nicht leer sein kann muss wie im obigen Beispiel als „{}“ geschrieben werden.

Viele Menschen scheitern und das ist der Grund.

dataType: Datentyp , der vom Server zurückgegeben wird. Es muss JSON sein, alles andere ist ungültig. Da der Webservice Daten im JSON-Format zurückgibt, lautet seine Form: {"d":"....."}.

Erfolg: Rückruffunktion nach erfolgreicher Anfrage. Hier können Sie mit den zurückgegebenen Daten machen, was Sie wollen.

Wir können sehen, dass einige der Parameterwerte festgelegt sind. Aus Sicht der Wiederverwendbarkeit können wir daher eine Erweiterung für jquery erstellen und eine einfache Kapselung der obigen Funktion erstellen:

Wir erstellen eine Skriptdatei namens jquery.extend.js. Schreiben Sie darin eine Methode namens ajaxWebService (da webmethod eigentlich WebService ist, ist diese Methode also auch zum Anfordern von *.asmx gültig. Der Code lautet wie folgt:

/// <summary>
/// jQuery原型扩展,重新封装Ajax请求WebServeice
/// </summary>
/// <param name="url" type="String">
/// 处理请求的地址
///</param>
/// <param name="dataMap" type="String">
/// 参数,json格式的字符串
///</param>
/// <param name="fnSuccess" type="Function">
/// 请求成功后的回调函数
///</param>
$.ajaxWebService = function(url, dataMap, fnSuccess) {
$.ajax({
type: "POST",
contentType: "application/json",
url: url,
data: dataMap,
dataType: "json",
success: fnSuccess
});
}
Nach dem Login kopieren

Okay, wir können also die webmethod-Methode anfordern). Es ist so geschrieben:

$.ajaxWebService("WebForm2.aspx/GetUserName", "{}", function(result) {......});
Nach dem Login kopieren

Abschließend: Wenn Ihr Projekt viele Ajax-Programme enthält (diese Situation ist möglich, ich habe eine Website erstellt, es ist ein SNS, der gesamte Prozess ist Ajax). , fast jede Operation (mit Ajax). Wenn Sie das Gefühl haben, dass das Schreiben von WebMethod-Methoden auf jeder ASPX-Seite sehr fragmentiert ist, können Sie eine spezielle Seite (z. B. WebMethods.aspx) zum Speichern erstellen.

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website.

Empfohlene Lektüre:

So richten Sie eine Ajax-Anfrage ein, um sofort nach Erfolg ein neues Fenster zu öffnen

Öffnen Sie eine neues Fenster in der Ajax-Anfrageantwort Wie man mit Abfangen umgeht

Das obige ist der detaillierte Inhalt vonjQuery.ajaxWebService fordert WebMethod an, Ajax zu verarbeiten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Repo: Wie man Teamkollegen wiederbelebt
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Abenteuer: Wie man riesige Samen bekommt
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

So beheben Sie den 403-Fehler, der bei einer jQuery-AJAX-Anfrage auftritt So beheben Sie den 403-Fehler, der bei einer jQuery-AJAX-Anfrage auftritt Feb 20, 2024 am 10:07 AM

Titel: Methoden und Codebeispiele zur Behebung von 403-Fehlern in jQuery-AJAX-Anfragen. Der 403-Fehler bezieht sich auf eine Anfrage, dass der Server den Zugriff auf eine Ressource verbietet. Dieser Fehler tritt normalerweise auf, weil der Anfrage die Berechtigungen fehlen oder sie vom Server abgelehnt wird. Wenn Sie jQueryAJAX-Anfragen stellen, stoßen Sie manchmal auf diese Situation. In diesem Artikel wird erläutert, wie dieses Problem gelöst werden kann, und es werden Codebeispiele bereitgestellt. Lösung: Berechtigungen prüfen: Stellen Sie zunächst sicher, dass die angeforderte URL-Adresse korrekt ist und stellen Sie sicher, dass Sie über ausreichende Berechtigungen für den Zugriff auf die Ressource verfügen.

So beheben Sie den Fehler 403 der jQuery AJAX-Anfrage So beheben Sie den Fehler 403 der jQuery AJAX-Anfrage Feb 19, 2024 pm 05:55 PM

jQuery ist eine beliebte JavaScript-Bibliothek zur Vereinfachung der clientseitigen Entwicklung. AJAX ist eine Technologie, die asynchrone Anfragen sendet und mit dem Server interagiert, ohne die gesamte Webseite neu zu laden. Wenn Sie jedoch jQuery zum Senden von AJAX-Anfragen verwenden, treten manchmal 403-Fehler auf. Bei 403-Fehlern handelt es sich in der Regel um vom Server verweigerte Zugriffsfehler, möglicherweise aufgrund von Sicherheitsrichtlinien oder Berechtigungsproblemen. In diesem Artikel besprechen wir, wie Sie bei einer jQueryAJAX-Anfrage den Fehler 403 beheben können

Wie erhalte ich Variablen aus der PHP-Methode mit Ajax? Wie erhalte ich Variablen aus der PHP-Methode mit Ajax? Mar 09, 2024 pm 05:36 PM

Die Verwendung von Ajax zum Abrufen von Variablen aus PHP-Methoden ist ein häufiges Szenario in der Webentwicklung. Durch Ajax kann die Seite dynamisch abgerufen werden, ohne dass die Daten aktualisiert werden müssen. In diesem Artikel stellen wir vor, wie man Ajax verwendet, um Variablen aus PHP-Methoden abzurufen, und stellen spezifische Codebeispiele bereit. Zuerst müssen wir eine PHP-Datei schreiben, um die Ajax-Anfrage zu verarbeiten und die erforderlichen Variablen zurückzugeben. Hier ist ein Beispielcode für eine einfache PHP-Datei getData.php:

Wie kann das Problem des jQuery AJAX-Fehlers 403 gelöst werden? Wie kann das Problem des jQuery AJAX-Fehlers 403 gelöst werden? Feb 23, 2024 pm 04:27 PM

Wie kann das Problem des jQueryAJAX-Fehlers 403 gelöst werden? Bei der Entwicklung von Webanwendungen wird jQuery häufig zum Senden asynchroner Anfragen verwendet. Allerdings kann bei der Verwendung von jQueryAJAX manchmal der Fehlercode 403 auftreten, der darauf hinweist, dass der Zugriff vom Server verboten ist. Dies wird normalerweise durch serverseitige Sicherheitseinstellungen verursacht, es gibt jedoch Möglichkeiten, das Problem zu beheben. In diesem Artikel wird erläutert, wie Sie das Problem des jQueryAJAX-Fehlers 403 lösen können, und es werden spezifische Codebeispiele bereitgestellt. 1. machen

PHP vs. Ajax: Lösungen zum Erstellen dynamisch geladener Inhalte PHP vs. Ajax: Lösungen zum Erstellen dynamisch geladener Inhalte Jun 06, 2024 pm 01:12 PM

Ajax (Asynchronous JavaScript and XML) ermöglicht das Hinzufügen dynamischer Inhalte, ohne die Seite neu laden zu müssen. Mit PHP und Ajax können Sie eine Produktliste dynamisch laden: HTML erstellt eine Seite mit einem Containerelement und die Ajax-Anfrage fügt die Daten nach dem Laden zum Element hinzu. JavaScript verwendet Ajax, um über XMLHttpRequest eine Anfrage an den Server zu senden, um Produktdaten im JSON-Format vom Server abzurufen. PHP nutzt MySQL, um Produktdaten aus der Datenbank abzufragen und in das JSON-Format zu kodieren. JavaScript analysiert die JSON-Daten und zeigt sie im Seitencontainer an. Durch Klicken auf die Schaltfläche wird eine Ajax-Anfrage zum Laden der Produktliste ausgelöst.

Asynchroner Datenaustausch mithilfe von Ajax-Funktionen Asynchroner Datenaustausch mithilfe von Ajax-Funktionen Jan 26, 2024 am 09:41 AM

So verwenden Sie Ajax-Funktionen, um eine asynchrone Dateninteraktion zu erreichen. Mit der Entwicklung der Internet- und Webtechnologie ist die Dateninteraktion zwischen dem Front-End und dem Back-End sehr wichtig geworden. Herkömmliche Dateninteraktionsmethoden wie Seitenaktualisierung und Formularübermittlung können die Benutzeranforderungen nicht mehr erfüllen. Ajax (Asynchronous JavaScript and XML) ist zu einem wichtigen Werkzeug für die asynchrone Dateninteraktion geworden. Ajax ermöglicht dem Web die Verwendung von JavaScript und dem XMLHttpRequest-Objekt

Ajax-Frameworks verstehen: Entdecken Sie fünf gängige Frameworks Ajax-Frameworks verstehen: Entdecken Sie fünf gängige Frameworks Jan 26, 2024 am 09:28 AM

Das Ajax-Framework verstehen: Entdecken Sie fünf gängige Frameworks, die spezifische Codebeispiele erfordern. Einführung: Ajax ist eine der wesentlichen Technologien in der modernen Webanwendungsentwicklung. Aufgrund seiner Funktionen wie der Unterstützung der asynchronen Dateninteraktion und der Verbesserung der Benutzererfahrung ist es zu einem unverzichtbaren Bestandteil der Front-End-Entwicklung geworden. Um das Ajax-Framework besser zu verstehen und zu beherrschen, werden in diesem Artikel fünf gängige Ajax-Frameworks vorgestellt und spezifische Codebeispiele bereitgestellt, um den Lesern ein umfassendes Verständnis der Verwendung und Vorteile dieser Frameworks zu vermitteln. 1. jQuery jQuery ist derzeit am weitesten verbreitet

Was sind die Ajax-Versionen? Was sind die Ajax-Versionen? Nov 22, 2023 pm 02:00 PM

Ajax ist keine spezifische Version, sondern eine Technologie, die eine Sammlung von Technologien verwendet, um Webseiteninhalte asynchron zu laden und zu aktualisieren. Ajax hat keine spezifische Versionsnummer, aber es gibt einige Variationen oder Erweiterungen von Ajax: 1. jQuery AJAX; -Gesendete Ereignisse; 8, GraphQL usw.

See all articles