Ajax响应未定义或奇怪

Question

i'm trying to send an array to JS, but i can't have the answer i want.

this is my PHP code:

$output = array('total'=>(float)$BHoras[1]'gastas'=>(float)$BHoras[2]); 
echo json_encode($output);

and this is my JS code:

function ProjectSelect()
{
    var proj = document.getElementById('ProjetosSelect').value;
    $.ajax({
        url: 'CRM files/TSread.php',
        type: "POST",
        data: ({ProjetosSelect: proj}),
        complete:function(data) 
        {
            var Horas = data.responseText;
            alert(Horas); // response -> {"total":146,"gastas":84.5}
            alert(Horas[3]); // response -> o
        }

    });
}

i only want the "146" and "84.5".

i tried to do, alert(Horas['total']) , alert(Horas.total) , but give me undefined

Answer 1

Just specify dataType: "json" and jQuery will parse response for you:

function ProjectSelect()
{
    var proj = $('#ProjetosSelect').val();
    $.ajax({
        url: 'CRM files/TSread.php',
        type: "POST",
        data: ({ProjetosSelect: proj}),
        dataType: "json",
        success: function(Horas) 
        {
            alert(Horas.total);
        }

    });
}

Answer 2

On server side you could try TracKer note. And you can add a header too.

<?php
$output = array('total'=>(float)$BHoras[1], 'gastas'=>(float)$BHoras[2]);
header('Content-type: application/json');
echo json_encode($output);