Gewusst wie: Erstellen Sie benutzerdefinierte Suche Formulare in Ajax

December 25

Gewusst wie: Erstellen Sie benutzerdefinierte Suche Formulare in Ajax

Mit Google Custom Search können Sie ein benutzerdefiniertes Suchformular erstellen, die Asynchronous JavaScript und XML oder AJAX-Funktionalität nutzt. Wenn ein Schlüsselwort in das benutzerdefinierte Suchfeld eingegeben wird und der Benutzer die Schaltfläche "Suchen" geklickt wird, wird eine Ergebnisseite ohne einen Reload zurückgegeben.

Anweisungen

1 Gehen Sie zu google.com/cse und dann auf die Schaltfläche "Create a Custom Search Engine" und Zeichen in Ihrem Google-Konto auf der nächsten Seite. Klicken Sie auf die Schaltfläche "Anmelden", um Google Custom Search zugreifen.

2 Geben Sie einen Namen und eine Beschreibung für die benutzerdefinierte Suchmaschine in die dafür vorgesehenen Felder ein. Wählen Sie die Sprache aus, und geben Sie für die Websites, von denen Sie die Suche Formular ziehen haben möchten, ihre Ergebnisse. Jede Website sollte auf einer separaten Zeile in den Sites zu suchen-Textfeld eingegeben werden.

3 Aktivieren Sie das Kontrollkästchen neben "Ich habe gelesen und erkenne die Nutzungsbedingungen" dann klicken Sie auf die Schaltfläche "Weiter" und klicken Sie erneut auf die Schaltfläche "Weiter".

4 Kopieren Sie den Code im Feld Custom Search Element Code. Zu kopieren, markieren den Code, und drücken gleichzeitig die Tasten "Strg" und "C".

5 Öffnen Sie einen Text-Editor-Programm auf Ihrem Computer und formatieren Sie ein HTML-Dokument zu, indem sichergestellt wird, dass Sie die nackten minimale Tags < HTML >, < Head > und < Körper > eingetragen haben. Stellen Sie sicher jeden Tag ordnungsgemäß mit Escapezeichen versehen oder geschlossen ist.

6 Fügen Sie den Code von Google Custom Search in der < Body >-Bereich des HTML-Dokuments. Speichern Sie die Datei auf Ihren Computer mit der Endung .html.

7 Doppelklicken Sie auf die gespeicherte HTML-Datei, um sie in Ihrem Web-Browser zu öffnen. Geben Sie ein Schlüsselwort in das Suchformular und testen Sie die AJAX-Funktionalität, wie die Ergebnisse auf dem Bildschirm ohne Neuladen der Seite erscheinen.