Как запустить jQuery onClick? Нужно передать переменную для запуска .ajax

Question

Я пытаюсь запустить .ajax и вставить элемент данных из onClick элемента со страницы. Каков наилучший способ сделать это?

Что-то вроде этого:

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

Как правило, лучше всего держать ваш javascript ненавязчивым и из DOM.

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

В вашем файла 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

Эта ссылка очень хорошо о объяснении whay вы хотите сделать. http://elijahmanor.com/webdevdotnet/post/Embedding-HTML-from-jQuery-AJAX-Call-Into-Your-Page.aspx

Answer 3

Удалите «javascript:» из атрибута onclick. Это необходимо только при запуске кода вне атрибута события javascript.