jQuery $ .get problème

Question

Je suis un peu perplexe avec le problème suivant et j'ai peur que la solution soit trop évidente mais je ne la vois plus. Problème, comment ça se fait que ce code jQuery fonctionne:

$(document).ready(function() {  
    var q = $(".box").val();  
    $.get("db.php", {searchterm: "test", type: "search", time: "2pm" }, 
     function(twitter){ 
      var tweets = JSON.parse(twitter); 
     } 
    ); 

mais si je fais partie d'un événement de clic alors il ne fonctionnera pas:

$(document).ready(function() {  
    $(".btn").click(function() {  
    var q = $(".box").val();  
    $.get("db.php", { searchterm: "test", type: "search", time: "2pm" }, 
     function(twitter){ 
      var tweets = JSON.parse(twitter); 
     } 
    ); 
}); 

Bien sûr, ma page html a un Bouton avec le nom de classe 'btn'

Firebug clignote un message d'erreur dans jQuery mais réinitialise la console tout de suite afin que je ne puisse pas lire ou copier l'erreur du journal. Aucune suggestion?

Answer 1

Peut-être que vous avez juste besoin de return false; à partir du gestionnaire de clic? Cela empêchera l'action par défaut pour le lien, c'est-à-dire la navigation vers l'URL.

Answer 2

Vous rataient une bonne fermeture });

$(document).ready(function() {  
    $(".btn").click(function() {  
     var q = $(".box").val();  
     $.get("db.php", {searchterm: "test", type: "search", time: "2pm"}, function(twitter){ 
      var tweets = JSON.parse(twitter); 
     }); 
     return false; 
    }); 
}); 

return false est aussi un bon choix (de crédit @ Greg).

Answer 3

@ cballou cela répond à votre question, mais BTW, même si Firebug se vide après avoir flashé jusqu'à une erreur, vous pouvez récupérer l'erreur en ouvrant l'erreur par défaut de Firefox Console (Ctrl + Maj + J ou Outils> Console d'erreurs).