Comment lancer jQuery onClick? Besoin de passer une variable à exécuter .ajax

Question

J'essaie d'exécuter .ajax et insérer un élément de données à partir du onClick d'un élément de la page. Quel est le meilleur moyen de le faire?

Quelque chose comme ceci:

function grabinfo(foo){ 

     $.ajax({ 
     url: "infospitter.php", 
     method: "GET", 
     data: "id="+foo, 
     success: function(html){ 
     $(#showstuff).html(html); 
     } 
     }); 

} 

    <input onClick="javascript:grabinfo(18343)" /> 
// and on page each item will have this button input 

Answer 1

Il est généralement préférable de garder votre javascript discret et hors du DOM.

<input type="button" value="18434"/> 

Dans votre fichier javascript:

$('input[type=button]').click(function(){ 
    $.ajax({ 
     url: 'infospitter.php', 
     method: 'GET', 
     data: 'id=' + $(this).attr('value'), 
     success: function(returnData){ 
      // Do something with returnData 
     } 
    }); 
}); 

Answer 2

Ce lien est très bien à expliquer whay que vous voulez faire. http://elijahmanor.com/webdevdotnet/post/Embedding-HTML-from-jQuery-AJAX-Call-Into-Your-Page.aspx

Answer 3

Supprimez le "javascript:" de votre attribut onclick. Cela n'est nécessaire que lors de l'exécution de code en dehors d'un attribut d'événement javascript.