Как запустить 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

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

Answer 3

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