Programmare in Ajax con Php senza usare l'oggetto xmlhttprequest 3

Pagina 3 di 3

Un esempio: Ajax basato su i form

Usiamo il nostro script Ajax per creare un semplice form evalidare automaticamente tutti i campi lato-server.
Ecco il codice del form:

<html>
<head>
<title>Form Demo - Showing an Ajax  Form</title>

<script type="text/javascript"  src="https://www.webmasterpoint.org/programmazione/programmazione/ajax/engine.js"></script>
</head>

<script type="text/javascript">
function submit_form() {
// Get form values
var name =  document.getElementById('name').value;
var email =  document.getElementById('email').value;
var website =  document.getElementById('website').value;

// Construct URL
url = 'handle_form.php?name=' + escape(name) +  '&email=' + escape(email) +  '&website=' + escape(website);

ajax_get (url, 'result');

}
</script>

Ed il codice PHP è questo:

PHP


   <?php
  
   // Check variables
   if (empty($_GET['name'])) {
     die ('<span style=";">Please fill in your name!</span>');
   }
  
   if (empty($_GET['email'])) {
     die ('<span style=";">Please fill in your email address!</span>');
   }
  
   if (empty($_GET['website'])) {
     die ('<span style=";">Please fill in your website!</span>');
   }
  
   echo 'Success! Your form has been submitted!';
  
   ?>

Ed ecco tutto!
Clicca quì per vedere l'esempioin azione, e prova a lasciare qualche campo vuoto pervedere il risultato.

Conclusioni

In questo tutorial ti ho mostrato un modo differente delloscripting remoto, anche chiamato Ajax.
Questo metodo non ha gli stessi svantaggi dell'oggettoXmlHttpRequest, che è splendido, ma ha degl'altrisvantaggi propri.
Per esempio, non è possibile utilizzare la richiestaPOST usando questo metodo alternativo; solo le richieste GETsono attuabili.
Un altro svantaggio è che non è possibileottenere semplicemente il contenuto di una pagina, edutilizzarlo, ma è necessario, come ti ho mostrato,appoggiarsi "chiedendo" un piccolo aiuto al PHP.

Un altro grandissimo vantaggio di questo metodo è cheè possibile usare il cross-domain remotescripting.
Non come l'oggetto XmlHttpRequest che blocca questo,puoi puntare le tue chiamate Ajax a scripts e pagine di altridomini.
Questo è spesso un grosso svantaggio dell'oggettoXML.

Puoi facilmente estendere questo programmino Ajax aprogrammi molto più complessi che permettono digestire qualsiasi cosa, e lavorare in ogni browser.
Questo script è stato testato su Firefox, InternetExplorer (IE) 6.0, Opera 7.1; funziona in tutti tranne che inOpera ma sono sicuro che non sia difficile riuscire a farlofunzionare correttamente anche in Opera.

Spero che possa esservi stato utile
Alla prossima!