
Originariamente inviata da
cavicchiandrea
Cambierei attr con val() toglierei la action dal form userei on per il submit cambierei le variabili di invio poi monitorizza la chiama dalla console del browser
Grazie per la risposta, ma non funziona,e nella consolle del browser non viene riportato nulla.
Ho fatto qualche sbaglio ulteriore nelle modifiche?
codice:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="../css/lib/jquery-latest.js"></script>
<script src="../css/lib/jquery.effects.core.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#input_form :submit[value=invia]").on('click',function(){
var nome = $("#nome").val('value');//preleva l'attributo value cioè quello che digita l'utente
var cognome = $("#cognome").val('value');
$.post("ricavo_dati_da_form_ajax.php", //invio richiesta a questo file.php
{nome:nome, cognome:cognome}, //passandoci questi dati prelevati poco prima
function(data){
console.log(data);
$("div#result").html(data); //inserimeno nel div cpn id result
});
return false;
});//chiudo il metodo $.post
});//chiudo parentesi di script javascript
</script>
</head>
<body>
<form id="input_form" method="POST">
Inserisci il nome:<br>
<input type="text" name="nome" id="nome"><br>
Inserisci il cognome:<br>
<input type="text" name="cognome" id="cognome"/><br><br>
<input type="submit" value="invia">
</form>
<div id="result"></div>
<!-- il punto in cui verranno inseriti i risultati dell’elaborazione
del server -->
</body>
</html>
tra le cose che mi hai detto mi lascia in dubbio:
-quella di togliere l'action. La posso togliere proprio perchè tramite il metodo $.post mi riferisco ad un file preciso?
-quella di cambiare le variabili : in che modo?