Skip to main content
3 de 4
título editado

Erro ao receber array do php em ajax

tenho um script como seguinte código:

$("#submit").click(function(){

       var dataString ={
        nome : $("#nome").val(),
        status : $("#status").val(),
        id : $("#id").val()
       };
                   
        $.ajax({
            type: "POST",
            url: "../vendors/php/ins_salvar_menu.php",
            data: dataString,
            cache : false,
            success: function(data){
              console.log(data.nome);
              console.log(data);
              if(data.type == 'add'){
                 $("#menu-id").append(data.menu);
              } else if(data.type == 'edit'){
                 $('#nome_show'+data.id).html(data.nome);
                 $('#status_show'+data.id).html(data.status);
              }
              $('#nome').val('');
              $('#status').val('');
              $('#id').val('');
              

            } ,error: function(xhr, status, error) {
              alert(error);
            },
        });
    });

Que envia os dados para uma pagina PHP cuja seu conteúdo é o seguinte:

<?php 
include "../../seguranca/banco/conexao_banco.php";
include "operacaobd_php.php";
date_default_timezone_set ("America/Sao_Paulo");
$data_criacao = date('Y-m-d H:m:s');
$data_modificacao = date('Y-m-d H:m:s');
if($_POST['id'] != ''){
    $tabela="categorias";
    $dados = array(
        'nome' => $_POST['nome'],
        'status' => $_POST['status'],
        'data_modificacao'=> $data_modificacao
    );  
    $condicao = array(
        'id' => $_POST['id']
    );
    $sql_upd_categorias_resultado = alterar($tabela, $condicao, $dados);
    
    
    $arr['type']  = 'edit';
    $arr['nome'] = $_POST['nome'];
    $arr['status']  = $_POST['status'];
    $arr['id']    = $_POST['id'];
}else{
    $tabela="categorias";
    $dados = array(
        'nome' => $_POST['nome'],
        'status' => $_POST['status'],
        'data_criacao'=> $data_criacao,
        'data_modificacao'=> $data_modificacao
    );
    $sql_ins_categorias_resultado = adicionar($tabela, $dados);

    $arr['type'] = 'add';
    $arr['menu'] = '<li class="dd-item dd3-item" data-id="'.$conexaobd->lastInsertId().'" >
                    <div class="dd-handle dd3-handle">Drag</div>
                    <div class="dd3-content"><span id="nome_show'.$conexaobd->lastInsertId().'">'.$_POST['nome'].'</span> 
                        <span class="span-right">/<span id="status_show'.$conexaobd->lastInsertId().'">'.$_POST['status'].'</span> &nbsp;&nbsp; 
                            <a class="edit-button" id="'.$conexaobd->lastInsertId().'" nome="'.$_POST['nome'].'" status="'.$_POST['status'].'" ><i class="fa fa-pencil"></i></a>
                            <a class="del-button" id="'.$conexaobd->lastInsertId().'"><i class="fa fa-trash"></i></a></span> 
                    </div>';
}
return json_encode($arr);

?>

O problema em sí:

No arquivo JS ele manda para esta pagina PHP, e retorna os dados. onde ele verifica se data.type=="add" ou se é data.type="edit", infelizmente ao dar um console.log(data.type) a mensagem é undefined, e um console.log(data) retorna um array que não devia estar retornando, que no caso é:

Array(
    [0] => nome
    [1] => status
    [2] => data_criacao
    [3] => data_modificacao
)

qual seria o erro?