Invio e recupero dati da pagina php con ajax

**pippuccio76** · 17-06-2013, 22:06

Salve seguendo una guida ho creato due file :

index.html :

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
	<title>senza nome</title>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	<meta name="generator" content="Geany 1.22" />
	<script src="jquery.js" type="text/javascript"></scrpt>
   <script type="text/javascript">
   $(document).ready(function() {
   $("#bottone").click(function(){
    var nome = $("#nome").val();
    var cognome = $("#cognome").val();
    $.post("dati.php", { nome: nome, cognome: cognome }, function(msg){ $("#risultato").html(msg); })
</script>	
</head>

dati.php:

codice:

 <?php
    $nome = $_POST["nome"];
    $cognome = $_POST["cognome"];
    if ($nome == "" || $cognome == "")
    {
        echo "Inserire nome e cognome!";
    }
    else
    {
        echo $nome . " " . $cognome;
    }
?>

E nella stessa cartella ho inserito il file :jquery.js che richiamo con

<script src="jquery.js" type="text/javascript"></scrpt>

Perchè non funziona?

**cavicchiandrea** · 18-06-2013, 00:37

Impossibile dirlo manca tutto il form
- Gli id dei campi sono corretti?
- I dati li riceve dati.php?
- Il file jquery.js e la libreria medesima?
Comunque prova a cambiare la query cosi { 'nome': nome, 'cognome': cognome }

**pippuccio76** · 18-06-2013, 09:07

Si scusa index.html non sò come mai l'ho copiato mezzo eccolo :

codice:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
	<title>senza nome</title>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	<meta name="generator" content="Geany 1.22" />
	<script src="jquery.js" type="text/javascript"></scrpt>
   <script type="text/javascript">
   $(document).ready(function() {
   $("#bottone").click(function(){
    var nome = $("#nome").val();
    var cognome = $("#cognome").val();
    $.post("dati.php", { nome: nome, cognome: cognome }, function(msg){ $("#risultato").html(msg); })
</script>	
</head>

<body>
	<form name="modulo">
    

Nome</p>
    

<input type="text" name="nome" id="nome"></p>
    

Cognome</p>
    

<input type="text" name="cognome" id="cognome"></p>
    <input type="button" id="bottone" value="Invia i dati">
</form>
<div id="risultato"></div>
</body>

</html>

jquery.js è la libreria jquery
i dati (sono un po a 0 con jquery) li dovrebbe ricevere dati.php da qui :

$.post("dati.php", { nome: nome, cognome: cognome }, function(msg){ $("#risultato").html(msg); })

**cavicchiandrea** · 18-06-2013, 11:33

Originariamente inviato da pippuccio76
... jquery.js è la libreria jquery
i dati (sono un po a 0 con jquery) li dovrebbe ricevere dati.php da qui :

$.post("dati.php", { nome: nome, cognome: cognome }, function(msg){ $("#risultato").html(msg); })

Non t'ho chiesto come l'invii ma se e come li ricevi in pagina dati.php, hai provato le modiche che t'ho detto?

**pippuccio76** · 18-06-2013, 11:42

Salve ho modificato aggiungendo il singolo apice ,come capisco se ricevo i dati? perchè se carico la pagina dati.php mi dice che i vari $_POST non sono inizializzati....

**Vindav** · 18-06-2013, 11:47

guarda la console del browser per vedere lo stato della chiamata ajax

**pippuccio76** · 18-06-2013, 12:02

La console di chrome rimane vuota ....

**pippuccio76** · 18-06-2013, 12:07

Scusate problema risolto , c'era un errore ortografico alla chiamata di jquery :

<script src="jquery.js" type="text/javascript"></scrpt>

Discussione: Invio e recupero dati da pagina php con ajax

Strumenti discussione

Ricerca discussione

Visualizza

Invio e recupero dati da pagina php con ajax

Permessi di invio