javascript - 不需要的 Json 出现在 html 中

Question

我的代码有问题，但我看不出问题出在哪里。当我在JS中获取JSON数据时，在网页上显示了数组的结构，如下图所示。

这是我的 JS 代码的摘录

var proj = document.getElementById('ProjetosSelect').value;
$.ajax({
    url: 'CRM files/TSread.php',
    type: "POST",
    data: ({ProjetosSelect: proj}),
    dataType: "json",
    complete:function(data) 
    {
        ProjetoHoras = data.responseJSON.total;
        ProjetoGastas = data.responseJSON.gastas;
        var PorGastar = ProjetoHoras - ProjetoGastas;
        $('#graficos').highcharts({
            chart: {
                type: 'column',
                margin: 75,
                options3d: {
                    enabled: true,
                    alpha: 10,
                    beta: 25,
                    depth: 70
                }
            },
            title: {
                text: 'Horas Contratadas'
            },
            plotOptions: {
                column: {
                    depth: 25
                }
            },
            xAxis: {
                categories: 
                 ['Horas Totails','Horas Gastas','Horas por Gastar']   

            },
            yAxis: {
                title: {
                    text: null
                }
            },
            series: [{
                name: 'Horas',
                data: [ProjetoHoras, ProjetoGastas, PorGastar]
            }]
        });

    }

});

这是我的 PHP 代码的摘录

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

可以从网页中删除“{"total":0,"gastas":0} "吗？

Answer 1

网页和 ajax 都会回显内容。

它们每个都应该有一个不同的 url。回显数组 JSON 的 PHP 页面应该位于与网页本身不同的 url 中。

否则，您可以使用参数来区分它们，如下所示:

在 JavaScript 中添加:

data: ({ProjetosSelect: proj,action:'json'}),

在 PHP 中:

    if( ! empty($_POST['action']) && $_POST['action] == 'json'){
      $output = array('total'=>(float)$BHoras[1], 'gastas'=>  (float)$BHoras[2]);
      echo json_encode($output);
   }