Login con AJAX e PHP

di Gianni Tomasicchio - 3 gennaio 2007

AJAX Javascript UTF-8

Il form per il log-in

C'è veramente poco da dire sull'HTML necessario a realizzare il form per l'immissione di username e password. In realtà non è necessario neanche utilizzare il tag form, dato che i dati non saranno inviati attraverso il submit del form ma il POST sarà ?confezionato? ed inviato dall'oggetto request di Javascript.

Tutto il Javascript necessario all'interazione con il server è contenuto nel file login.js incluso nella pagina alla riga 5.

Si noti l'evento onClick associato al bottone e responsabile dell'avvio della procedura di invio dati con AJAX.

login.htm

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Login</title>
<script type="text/javascript" language="javascript" src="login.js"></script>
</head>
<body>
<fieldset style="width:250px">
<legend>log-in</legend>
<p>
  <label>username
  <input name="username" type="text" id="username" />
  </label>
</p>
<p>
  <label>password
  <input name="password" type="password" id="password" />
  </label>
</p>
<p>
  <input name="Button" type="button" onClick="javascript:invia_dati();" value="Button" />
</p>
</fieldset>
</body>
</html>

2 commenti

1 daniele nobile daniele nobile sabato 6 febbraio 2010, ore 11:10
Ciao ho provato il tuo codice ma... non funziona. Premendo il bottone click non succede nulla. Sapresti indicarmi qual'è il problema.

Grazie Daniele
2 daniele nobile daniele nobile sabato 6 febbraio 2010, ore 11:14
<blockquote>Ciao ho provato il tuo codice ma... non funziona. Premendo il bottone click non succede nulla. Sapresti indicarmi qual'è il problema.

Grazie Daniele</blockquote>

Scusami... no il codice funziona... avevo sbagliato io. Ok, provo ad implementarlo sul mio codice.

Grazie
Effettua l'accesso o registrati per inserire un commento