未捕获的引用错误 $ 未定义 ajax-jquery


uncaught reference error $ is not defined ajax-jquery

我正在尝试使用 jquery 和 ajax 传递一些变量,但由于某种原因它不起作用。这是代码。

<div id=' . $result['game_id'] . ' name="' . $user_id . '"  class="rate_widget" >
            <div class="star_1 ratings_stars"></div>
            <div class="star_2 ratings_stars"></div>
            <div class="star_3 ratings_stars"></div>
            <div class="star_4 ratings_stars"></div>
            <div class="star_5 ratings_stars"></div>
            <div class="total_votes">vote data</div>
        </div>

当我检查Chrome的开发人员工具时,我可以看到ID和名称属性设置正确。

这是javascript(使用jquery(,我放了一个警报框以查看是否设置了值,但我没有得到定义。本周刚开始学习ajax和jquery,任何帮助将不胜感激。

$('.rate_widget').each(function() {
        var widget = this;
        var out_data = {
            game_id : $(widget).attr('id'),
            user_id : $(widget).attr('name')
        };
        alert(game_id);
        $.post(
            'ratings.php',
            out_data,
            function(INFO) {
                $(widget).data( 'fsr', INFO );
                set_votes(widget);
            },
            'json'
        );

如果不清楚,im 试图将具有相应值的game_id和user_id发送到 php 脚本,但 im 收到错误。我也知道还有另一个同名的问题,但我检查了一下,它没有帮助。

你不能这样引用game_idgame_idout_data 对象中的索引。

要提醒正确的值,您必须使用 :

alert(out_data['game_id']);

我还建议用引号包装您的对象索引 - 只是为了让它更具可读性 -

var out_data = {
  'game_id' : $(widget).attr('id'),
  'user_id' : $(widget).attr('name')
};

你把你的javascript放进去了吗?

$( document ).ready( function(){
     // .. your code
})

你的javascript必须在你的php完成生成html之前运行。