为什么它不使用php中的ajax显示我的值

Question

I am expecting a list of values from my php code

PHP CODE:

    $warriors = array();

foreach($result as $names){
    $warriors[] = $names;
}
echo json_encode($warriors);

JS FUNCTION:

function getWarriors() {
        $.ajax({
            url: "display_warriors.php",
            datatype:"json",
            success: function(data) {
                var toAppend = '';
                if(typeof data === "object"){
                    for(var i=0;i<data.length;i++){
                        var warrior = data[i];
                        toAppend += '<tr>';
                        toAppend += '<td>'+data[i]['warrior_id']+'</td>';
                        toAppend += '<td>'+data[i]['warrior_name']+'</td>';
                        toAppend += '<td>'+data[i]['warrior_type']+'</td>';
                        toAppend += '</tr>';
                    }
                    $("#listWarriors table").append(toAppend);
                }
            }
        });
        return false;
    }

HTML CODE TO CALL FUNCTION

<li><a href="#listWarriors" onclick="return getWarriors()">Warrior List</a></li>

When I click the a tag it does not display what I am expecting, what could be wrong

Answer 1

You may try to set the headers to "application/json"

header("Content-Type: application/json");

I ran into something similar and had to specify that I was sending JSON specifically. It may help.