[risolto] Get tramite jquery

Altutto · 5 Feb 2014

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!");
      }
    });
  });
});

Questo codice dovrebbe permettermi di passare, tramite jquery, i valori che dovrei trasmettere con il metodo GET, eppure, cliccando sul bottone con id "inviaa", non succede nulla.
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>

Sapreste dirmi dove sto sbagliando?

Nefyt · 5 Feb 2014

Non utilizzare gli id per ogni elemento, utilizza serialize() per il form direttamente

Codice:

<form action="search.php" method="get" id="mioform">
<b>Inserisci un termine di ricerca:</b><input type="text" name="ricerca"><br>
<b>Specifica una materia:</b><br>
<input type="radio" name="materia" value="materia_1">Materia 1<br>
<input type="radio" name="materia" value="materia_2">Materia 2<br>
[...]
<input type="button" id="inviaa" value="Vai!">
</form>

Codice:

$(document).ready(function() {
  $("#inviaa").click(function(){
$.ajax({
url:"search.php",
type: "GET",
data: $("#mioform").serialize(),
   success: function(msg)
      {
        $("#cerca").html(msg);
      },
      error: function()
      {
        alert("Errore!");
      }
    });
  });
});

Altutto · 6 Feb 2014

Grazie, così funziona

Cerca

Cerca

[risolto] Get tramite jquery

Altutto

Utente Attivo

Nefyt

Utente Attivo

Altutto

Utente Attivo

Discussioni simili