如何传递一个id到一个文件

Question

当我把'homepage_game'-div悬停时，我想将一个id（'data-gameid'）传递给一个名为game_get_info.php的文件。

请问我该如何通过Javascript或jQuery完成此操作？ TIA

这是PHP代码：

<?php echo ' 
<div class="homepage_game home_tooltip" data-gameid="'.$game_cat_content['id'].'"> 
<div class="home_game_image"> 
    <a href="'.$game_cat_content['url'].'"> 
     <img class="home_thumb" src="'.$game_cat_content['image_url'].'" height="85" width="125" alt="'.$game_cat_content['name'].'"/> 
    </a> 
</div> 
</div>'; 
?> 

这是JS/jQuery的代码：

<script type="text/javascript"> 
$(document).ready(function() { 
$('.tooltipstered').tooltipster('destroy'); 
$('.home_tooltip').tooltipster({ 
    trigger: 'hover', 
    animation: 'fade', 
    animationDuration: 250, 
    delay: 1000, 
    onlyOne: true, 
    position: 'top', 
    contentAsHTML: true, 
    interactive: true, 
    theme: ['tooltipster-noir', 'tooltipster-noir-customized'], 

    content: 'Loading...', 

    functionBefore: function(instance, helper) { 

     var $origin = $(helper.origin); 

     if ($origin.data('loaded') !== true) { 

      $.post('<?php echo $setting['template_url']; ?>/sections/ajax/game_get_info.php, function(data) { 

       instance.content(data); 

      }); 
     } 
    } 
}); 
}); 
</script> 

Answer 1

试试这个：

<script type="text/javascript"> 
$(document).ready(function() { 
$('.tooltipstered').tooltipster('destroy'); 
$('.home_tooltip').tooltipster({ 
    trigger: 'hover', 
    animation: 'fade', 
    animationDuration: 250, 
    delay: 1000, 
    onlyOne: true, 
    position: 'top', 
    contentAsHTML: true, 
    interactive: true, 
    theme: ['tooltipster-noir', 'tooltipster-noir-customized'], 

    content: 'Loading...', 

    functionBefore: function(instance, helper) { 

     var $origin = $(helper.origin); 

     if ($origin.data('loaded') !== true) { 

      var itemId = $origin.attr('data-gameid'); 

      jQuery.ajax({ 
          type: "POST", 
          url: "<?php echo $setting['template_url']; ?>/sections/ajax/game_get_info.php", 
          data: { 
          itemId: itemId 
          }, 

        beforeSend: function(){  

          }, 

        success: function(data){ 

         instance.content(data); 

        } 

       }); 

     } 
    } 
}); 
}); 
</script>