Jquery Ajax/getJSON Javascript 问题

Question

我仍在试图弄清楚这一切，但我遇到了一个非常奇怪的错误。

我使用的是 getJSON，但在搜索此问题的解决方案后，我发现最好尝试使用 AJAX 函数（用于错误捕获 -> 不会触发）。

在 firebug 中使用断点，如果我慢慢地运行代码，它（大部分）工作得很好（只需要更改一些坐标以获得更好的绘图）。但如果我让它以正常速度运行，它会尝试在返回 json 对象之前执行回调。 firebug 控制台说一切正常（代码 200），但是当检查船舶对象/函数内的 jobj 时，它似乎是“未定义或空”

在断点之后，ajax 调用似乎将“错误”而不是“成功” ”。但它没有触发警报...

另外，响应时间大约为 300-500 毫秒...这正常吗？或者我需要找到更好的服务器吗？

编辑后的代码：

var init = (function(){
            thisplayer = new player();
            jQuery.ajax({type: "GET", url: "shipdata.php", processData: true, data: {shipid:1}, dataType: "json",
                success: function(json) {
                    var pship = new ship(json);
                    player_ship = $.extend(thisplayer, pship);
                    starfield = new starfield();
                    for(var i = 0; i < player_ship.enemytotal; i++) {
                            $.ajax({
                                type: "GET",
                                url: "shipdata.php",
                                processData: true,
                                data: {shipid:Math.round((Math.random()*2+2))},
                                dataType: "json",
                                success: function(json) {
                                    var enemy = new ship(json);
                                    game.enemies.push(enemy);
                                },
                                error: function(x,y,z) {
                                // x.responseText should have what's wrong
                                    alert(x.responseTest);
                                }
                            });
                        }
                    game.initialized = true;
                },
                error: function(x,y,z) {
                // x.responseText should have what's wrong
                    alert(x.responseTest);
                }
            });


        })

................................

var ship = (function(json){
        var self = this;
        jobj = jQuery.parseJSON(json.responseText);
        self.height = jobj.height;
        self.width = jobj.width;
        self.xinit = jobj.xinit;
        self.yinit = jobj.yinit;
        self.speed = jobj.speed;
        self.weapons = jobj.weapons;
        self.maxlasers = jobj.maxlasers;
        self.imagesrc = jobj.imgurl;
        self.lasers = [];
        self.x = self.xinit;
        self.y = self.yinit;

JSON 正在发送：

{"height":75,"width":50,"xinit":275,"yinit":525,"speed":3,"weapons":[1,2],"maxlasers":2,"imgurl":"images\/ship.png"}

实时演示：

http://www.schennshome.net/medicalmmj/practice/index.html （代码远非完美，我运行它以尝试在制作动画之前捕获各种错误，但无法克服这一点。）

Answer 1

我已经仔细研究了您的源代码，问题实际上并未在您的问题中显示出来。问题出在 Ajax 调用之后的这一行：

player_ship = $.extend(thisplayer, game.pship);

game.pship 引用 ajax 调用返回的数据，但由于这是异步的，因此将首先评估上面的行，这意味着 < code>game.pship 将不会被定义。

要解决此问题，您需要将当前位于 ajax 调用下方的 init 函数中的所有代码直接包含在 success 回调中。这将阻止在 ajax 调用返回之前评估代码。

它使用断点的原因是它会中断评估，从而允许 ajax 调用在引用 game.pship 之前完成。

编辑

我现在在第 489 行收到错误，指出 player_ship 未定义。这又是由于异步代码的求值顺序造成的。问题在于，player_ship 现在是在 init 的 ajax 函数内定义的，但在该回调之外的 gameLoop 中被引用。

这就是我重写 gameLoop 的方式：

var callback = function() {
  game.canvas.clearCanvas();
  drawStarfield();

  if(player_ship.alive && game.initialized && !(game.loading)) {
    drawPlayer();
    drawLaser();
    drawEnemies();
  }
};

if(game.initialized==false) {
  init(callback);
} else {
  callback();
}

然后修改 init 以接受在 success 回调底部调用的回调方法。这样，如果游戏尚未初始化（且 player_ship 尚未定义），它将在 ajax 调用之后执行。