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

일반적으로 자바 스크립트를 눈에 잘 띄지 않게 DOM 밖으로 가져 오는 것이 가장 좋습니다. 당신의 자바 스크립트 파일에서

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

:

문제가 아니다

$('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

onclick 특성에서 "javascript :"를 제거하십시오. javascript 이벤트 속성 외부에서 코드를 실행할 때만 필요합니다.