버튼을 클릭하십시오 - 데이터를 게시하지 않습니다. (Ajax)

Question

ajax와 함께 영화에 대한 설명을 게시하려고합니다. 나는 영화를 가지고 있고 각 영화마다 id가 "button_id"인 버튼을 가지고 있는데,이 버튼을 클릭하면 영화에 대한 설명을 얻는다. 문제는 첫 번째 영화에 대한 설명 만 얻고 있다는 것입니다. 다른 영화의 버튼을 클릭하면 아무 것도하지 않습니다. 내가 도대체 ​​뭘 잘못하고있는 겁니까?

var id = $('#form_index input[name=id]').val(); 
$('#button_'+id).click(function() { 
     $.ajax({ 
      url: 'description.php', 
      type: 'POST', 
      data: { 
      id: id 
     }, 
      success: function (result) { 
       $('#more_content').html(result); 
      } 
     }); 

<?php foreach ($positions as $p):?>  
<div id="more_content"></div> 
     <form id="form_index" method="post" action=""> 
     <input type="hidden" name="id" value="<?=$p["id"]?>" />         
     </form>       
    <button id="button_<?=$p["id"]?>">Me shume<button> 
<?php endforeach?> 

Answer 1

왜 여기에 "이"매개 변수를 사용하여 버튼에 기능을 추가하지 않는 나의이 시도 코딩되어

function send_movie_name(movie_name) { 

    var movie=movie_name.id; 

    $.ajax({ 
     url: 'description.php', 
     type: 'POST', 
     data: { id:movie}, 
     success: function (result) { 
      $('#more_content').html(result); 
     } 
    }); 

    <div id="more_content"></div> 
    <form id="form_index" method="post" action=""> 
    <input type="hidden" name="id" value= <?=$p["id"]?>"/>          
    </form>       
    <button id="button_<?=$p['id']?>" onclick="send_movie_name(this)">Me shume<button> 

설명

I add one function with your button called 

send_movie_name (MOVIE_NAME)

에게

여기서 movie_name 매개 변수 ter는 을 나타냅니다.이 우리는 매번 다른 이드를 보내곤했습니다.

ajax 데이터 패스에서 id : id를 id : movie로 변경합니다. 여기에는 영화에 ID/영화 이름이 포함되어 있습니다.

는

당신에게 감사 작동합니다 희망

Answer 2

foreach 루프는 no. 모든 폼의 ID는 "form_index"와 같지만 잘못되었습니다.