Wie es funktioniert, ändert sich der <div> Inhalt abhängig davon, welche <select> Option er wählt.
Anstelle von ein paar <div> s möchte ich Ajax verwenden.
Leider bin ich nicht sehr gut mit Ajax, aber ich möchte lernen, es zu benutzen. Wenn mir jemand helfen könnte, mich in die richtige Richtung zu lenken, wäre das großartig.
Ich möchte eine allgemeine Ajax-Klasse erstellen, damit ich sie überall in meinem Framework verwenden kann. Dann erweitern Sie gegebenenfalls eine andere Klasse.
Sie können mein PHP auf meiner vorherigen SO-Frage sehen: Change div nach ausgewählten Dropdown-Boxen
HTML
%Vor%CSS
%Vor%Javascript
%Vor%Ich fing an, eine allgemeine Ajax-Klasse zu machen, aber ich glaube nicht, dass es für das funktionieren wird, was ich will.
Ajax.php
%Vor%Du solltest kleine Dateien erstellen wie "female_undead_wizard.html" und "male_goblin_warrior"
Dann müssen Sie entweder auf der Clientseite oder auf der Serverseite bestimmen, welche HTML-Datei in Ihr div geladen werden soll. Es ist normalerweise besser, solche Dinge auf der Serverseite zu tun, aber einfacher auf dem Client.
So können Sie beispielsweise auf der Client-Seite alle ausgewählten geänderten Ereignisse abhören, und sobald Sie genug Daten haben, müssen Sie nur den HTML-Code in Ihr div laden. Dann kann eine einfache Ladung (mit jquery) den Trick machen So kann der HTML-Code etwa wie folgt aussehen:
%Vor%Und im Skript:
%Vor%Ich bin mir nicht ganz sicher, was Ihre konkrete Frage ist. Ich verstehe, was Sie versuchen, aber ich bin mir nicht sicher, was Sie verstehen und welche Teile Sie (noch) nicht verstehen. Deshalb werde ich versuchen, eine kurze Erklärung dafür zu geben, wie man in jQuery mit Ajax umgehen kann.
Sie können Ihre PHP-Funktion mit ajax aufrufen und der Anfrage zusätzliche POST- oder GET-Daten hinzufügen. Sie können diese Daten dann in PHP verwenden, um die von Ihnen zurückgegebenen Informationen zu alternieren.
Sie können Informationen auf dieser Seite verwenden, um zu erfahren, wie Sie eine Jax-Anfrage in js: Ссылка einrichten Aber es sieht wahrscheinlich so aus:
%Vor%Sie können sehen, dass ich Geschlecht und Zeichenklasse mit Daten sende.
In Ihrer PHP-Ajax-Datei müssen Sie diese Daten erhalten (was so aussieht, als ob Sie das bereits mit $ _POST eingerichtet haben) und die Informationen zurückgeben, die Sie zurückgeben wollen. Vielleicht möchten Sie json_encode.
In der Erfolgsfunktion in JS ajax können Sie dann die Informationen in die Seite einfügen. Sie können die Datenvariable verwenden. Ich verwende gerne console.log (Daten), um zu sehen, wie Daten zurückgegeben werden.
kurz als Liste:
Ich hoffe, dass dies die meisten Ihrer Fragen beantwortet. Viel Glück!
Tags und Links javascript jquery php ajax