Ajax调用内部ajax成功不起作用

我正在尝试在另一个 Ajax 成功函数中进行 Ajax 调用，但它不知何故不起作用。我在控制台中收到以下错误。我不明白这是什么意思：

Object { readyState： 0， getResponseHeader： .ajax/v.getResponseHeader（）， getAllResponseHeaders： .ajax/v.getAllResponseHeaders（）， setRequestHeader： .ajax/v.setRequestHeader（）， overrideMimeType： .ajax/v.overrideMimeType（）， statusCode： .ajax/v.statusCode（）， abort： .
ajax/v.abort（）， state： .Deferred/d.state（）， always： .Deferred/d.always（）， then： .Deferred/d.then（）， 10 more... }

我从对象中找到了类似以下内容的内容

statusText："语法错误：指定了无效或非法的字符串"

.JS

 //Update the board with the moves so far made
    var updateBoard = function() {
        var style;
        $.ajax({
            type: "POST",
            url: "engine/main.php",
            data: {code: 2},
            success: function(response) {
                if(response != "") {
                    var obj = JSON.parse(response);
                    lastClick = obj[obj.length - 1].player;
                    $(obj).each(function (i, val) {
                        if (val.player == 1) {
                            style = "cross";
                        }
                        else if (val.player == 2) {
                            style = "circle";
                        }
                        $('td[data-cell="' + val.cell + '"]').html(val.sign).addClass(style);
                    });
                    if(obj.length > 2) {
                        makeDecision();
                    }
                }
                else {
                    lastClick = null;
                    $('td').html("").removeClass();
                }
                setTimeout(updateBoard, 1000);
            }
        });
    };
    updateBoard();
function makeDecision() {
        console.log('starting decision function');
        $.ajax({
            type: "engine/main.php",
            data: {code: 3},
            success: function(winner) {
                console.log('end');
                console.log(winner);
            },
            error: function(data) {
                console.log(data);
            }
        });
    }

.PHP

if(isset($_POST['code'])) {
    $code = $_POST['code'];
    //Handle player number on game start
    if($code == 1) {
        if (!isset($_COOKIE['gamePlay'])) {
            header('Location: index');
        }
        $playerCode = $_COOKIE['gamePlay'];
        $player = $playersHandler->getPlayer($playerCode);
        echo $player;
    }
    // Update board with new moves
    else if($code == 2) {
        $currentPosition = $gameHandler->getMoves();
        echo $currentPosition;
    }
    else if($code == 3) {
        $result = $code; //$gameHandler->decide();
        echo $result;
    }
    //Reset Board
    else if($code == 4) {
        $gameHandler->reset();
    }
}

您正在将无效字符串传递给makeDecision函数 ajax 调用中的type属性。应按如下方式进行设置：

type: 'POST',
url: 'engine/main.php',
...

而不是

type: 'engine/main.php'

确保以下行

var obj = JSON.parse(response);

返回数组，而不是对象。如果obj不是数组，则obj.length undefined<</p>

div class="one_answers">

你不能在javascript中直接obj.length获取对象的长度。因此，如果您得到适当的响应。像这样获取解析对象的长度。

var length = Object.keys(obj).length;

然后

lastClick = obj[length-1].player;

正确使用这样的$.each..

$.each(obj,function (i, val){
//code
});

你可以在 ajaxComplate 事件中再次调用 ajax，如下所示：

$( document ).ajaxComplete(function() {
   $.ajax({
            type: "post",
            url: 'engine/main.php',
            data: {code: 3},
            success: function(winner) {
                console.log('end');
                console.log(winner);
            },
            error: function(data) {
                console.log(data);
            }
        });
});

相关内容

最新更新

热门标签：