Ajax SQL Tutorial

Ajax is een vorm van JavaScript waarmee u een databaseserver opvragen zonder het herladen van een webpagina. Zonder Ajax, wanneer u wilt vernieuwen van gegevens op een pagina, moet u herladen de pagina-elementen. U kunt in Ajax bellen van de databaseserver en de gegevens laden terwijl u al uw andere beelden, inhoud en navigatie intact laat. Het proces bespaart laadtijd op webpagina's en bronnen worden opgeslagen op een webserver.

Instructies

1

Met de rechtermuisknop op het HTML-bestand dat u gebruiken wilt voor de querygegevens in Ajax. Klik op "Openen met" en selecteer uw HTML-editor.

2

De Ajax initialisatie variabele maken:

var ajax = nieuwe XMLHttpRequest();

3

Maak de querygegevens van Ajax. Bijvoorbeeld, als u opvragen van een klant door de eerste en laatste naam wilt, de volgende Ajax variabelen de querygegevens instellen:

var fname = 'joe';
var lname = 'Smits';

4

Query uitvoeren op de gegevens van de server. De "Request.Open"-functie gebruiken om de query naar de SQL server:

var query = "? fname =" + fname + "& lname =" + lname;
Ajax.Open ("GET", "processpage.php" + query, true);

5

Het query-antwoord op de webpagina weergeven U kunt de reactie van de query overal in uw HTML-pagina plaatsen. Bijvoorbeeld, de volgende code retourneert de klant aan een HTML-container met de naam "antwoord:"

document.getElementById("response").innerText = ajax.responseText;