使用jquery每个方法使用ajax

Question

我正在尝试显示一个玩家列表，每个玩家旁边都有一个编辑按钮。按下编辑后，用户可以编辑该播放器。我正在尝试使用ajax。问题：表格将显示一瞬间，然后是空白屏幕。

<?php foreach($players as $player): ?>   
    <tr>
        <td><?= $player['first_name']; ?></td>
        <td><?= $player['last_name']; ?></td>
         <td><?= $player['email']; ?></td>
         <td align="center" >
            <form action="" method="post" id="edit_player">
      <input type="hidden" name="user_id" value="<?= player['user_id']; ?>">
                <input type="submit" value='Edit' name='submit'>
            </form>
         </td>             
     </tr> 
<?php endforeach;?>   

这是我的jquery / ajax代码。我从早些时候做了一些改变。我认为它更好，但它仍然没有用。

$(document).ready(function() {      
var contents = $('#teamMain');
$('.edit_player').each(function(index, value) {

     var formData = $(this).attr('user_id');

    $.ajax({
        url: 'views/team_nav.php',
      type: 'POST',
      cache: false,
      data: formData, 
      success: function(data){
         contents.html(data);                     
      }
   });                          
});
});