Codice:
$(document).ready(function() {
$("#inviaa").click(function(){
$.ajax({
url:"search.php",
type: "GET",
var ricerca = $("#ricerca").val();
var materia = $("#materia").val();
data: {ricerca:+ricerca,materia:+materia},
success: function(msg)
{
$("#cerca").html(msg);
},
error: function()
{
alert("Errore!");
}
});
});
});
Nel caso servisse, ecco il codice sorgente completo della pagina in cui c'è il form.
HTML:
<head>
<title>Il tuo spazio!</title>
<script src="../jquery.js"></script>
</head>
<body id="sfondo">
<div class="rotondo">
<script>
[...]Il codice che ho riportato prima
</script>
<img src="logo.png" style="text-align:center;"><form action="search.php" method="get">
<b>Inserisci un termine di ricerca:</b><input type="text" id="ricerca" name="ricerca"><br>
<b>Specifica una materia:</b><br>
<input type="radio" id="materia" name="materia" value="materia_1">Materia 1<br>
<input type="radio" id="materia" name="materia" value="materia_2">Materia 2<br>
[...]
<input type="button" id="inviaa" value="Vai!">
</form><div id="cerca"></div>
</div>
</body>
</html>