(ajax)Pressione tasto, registrare un valore in una variabile php

**Bimby** · 06-12-2012, 19:25

Salve sono 2 ore e mezza che faccio ricerche per il web e non ho concluso niente, ora mi rivolgo a voi come ultima speranza.
Mi servirebbe uno script ajax che alla pressione di un tasto venga registrato un valore in una variabile php e poi inviata al server senza ricaricare la pagina...
Grazie

**RoTeam** · 06-12-2012, 19:50

Originariamente inviato da Bimby
Salve sono 2 ore e mezza che faccio ricerche per il web e non ho concluso niente, ora mi rivolgo a voi come ultima speranza.
Mi servirebbe uno script ajax che alla pressione di un tasto venga registrato un valore in una variabile php e poi inviata al server senza ricaricare la pagina...
Grazie

Se guardi l'ajax di jquery è facilissimo da utilizzare, per quanto riguarda la variabile la setti nella pagina richiamata con l'eventuale valore passato

**sgogghy** · 06-12-2012, 20:03

Questo è l'ajax che userei.

codice:

$.ajax({
  type: "POST",
  url: "lato_server.php",
  data: "nome=giovanni&cognome=belelli",
  dataType: "html",
  success: function(msg){
    $("div#risposta").html(msg);
  },
  error: function(){
    alert("Chiamata fallita!!!");
  }
}

e questa è la pagina lato_server.php

codice:

<?
$nome= $_POST['nome'];
$cognome= $_POST['cognome'];

/*CODICE SQL CON UTILIZZO DELLE VARIABILE APPENA RACCOLTE*/
?>

**Bimby** · 07-12-2012, 20:09

codice:

$.ajax({   type: "POST",   
url: "lato_server.php",   data: "tasto= ??? ",  
dataType: "html",   
success: function(msg){     $("div#risposta").html(msg);   },  
 error: function(){     alert("Chiamata fallita!!!");   } }

**sgogghy** · 07-12-2012, 21:49

Ecco un codice d'esempio lato client.

codice:

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){

	$('input.button').click(function(){
	
	var nome = $('input[name="nome"]').val();
	var cognome = $('input[name="cognome"]').val();
	
		$.ajax({
		  type: "POST",
		  url: "lato_server.php",
		  data: "nome="+nome+"&cognome="+cognome+"",
		  dataType: "html",
		  success: function(msg){
			$("div#risposta").html(msg);
		  },
		  error: function(){
			alert("Chiamata fallita!!!");
		  }
		});


	});

});

</script>
<style>
input.button{
border:1px solid #000000;
padding:5px;
background:#000000;
color:#ffffff;
}

</style>
</head>
<body>

<input type="button" value="Switch" class="button">

Nome: <input type="text" value="" name="cognome">
Cognome: <input type="text" value="" name="cognome">

<div id="risposta">

</body>
</html>

e un esempio di codice lato server.

codice:

<?
$nome = $_POST['nome'];
$cognome= $_POST['cognome'];

echo" $nome $cognome ";
?>

**Bimby** · 08-12-2012, 00:40

l'input deve entrare dalla tastiera del computer non da un bottone della pagina.

**carlomarx** · 08-12-2012, 03:29

codice:

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Esempio</title>
<script type="text/javascript">
function successo () {
	alert("Informazione inviata! Ecco cosa ci ha restituito il server:\n\n" + this.responseText);
}

function errore () {
	alert("Spiacenti. Si \u00E8 verificato un errore.");
}

function catturaTasto (oKeyEvent) {
	var nChar = (oKeyEvent || /* IE */ window.event).charCode;
	if (nChar > 0) {
		var oReq = new XMLHttpRequest();
		oReq.open("get", "lato_server.php?tasto=" + escape(String.fromCharCode(nChar).toLowerCase()), true);
		oReq.onload = successo;
		oReq.onerror = errore;
		oReq.send(null);
	}
}

document.onkeypress = catturaTasto;
</script>
</head>

<body>


Digita un tasto.</p>
</body>

</html>

**sgogghy** · 08-12-2012, 03:48

Infatti nome e cognome li inserisci da tastiera e cliccando switch parte l'ajax.
Se ho capito, ti chiedo di spiegarmi meglio.

**Bimby** · 08-12-2012, 12:24

Mettiamo caso che pagina.php sia completamente bianca e io in un momento qualsiasi premo un tasto da tastiera,(per esempio "g"), immediatamente dopo(senza refresh) nella pagina(document) appare scritto il tasto che ho premuto(g).

Carlo
Il tuo codice è perfetto, ma se io volessi inviare come ho appena detto, il valore del tasto da pagina.php a pagina.php, quindi a sestessa e recuperarla in una variabile php come dovrei fare?

P.s: il js non l'ho mai studiato bene, quindi zoppico

**carlomarx** · 08-12-2012, 12:54

Originariamente inviato da Bimby
Carlo
Il tuo codice è perfetto, ma se io volessi inviare come ho appena detto, il valore del tasto da pagina.php a pagina.php, quindi a sestessa e recuperarla in una variabile php come dovrei fare?

P.s: il js non l'ho mai studiato bene, quindi zoppico

Non ci ho capito molto

Discussione: (ajax)Pressione tasto, registrare un valore in una variabile php

Strumenti discussione

Ricerca discussione

Visualizza

(ajax)Pressione tasto, registrare un valore in una variabile php

Re: (ajax)Pressione tasto, registrare un valore in una variabile php

Come faccio a prelevare il tasto???

Scusami non mi sono spiegato bene

Non mi servono nome e congnome

Permessi di invio