0

Não consigo jogar o resultado da consulta ajax dentro de uma table. O resultado é um array (result = Object {ConsultarTodosCategoriasResult: Array(6)})

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
<form id="form1">
    <div class="jumbotron">
        <input type="text" id="codUser"/>
        <button onclick="ConsUsuario(); return false;">Consulta Usuario</button>
    </div>

      <div><table id="datagrid"></table></div>
</form>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
    function ConsUsuario(){
        $.ajax({
        type: "GET",
        url: "http://food-fast-com.web27.redehost.net/CategoriaService.svc/ConsultarTodosCategorias",
        contentType: "application/json",
        dataType: "json",
        success: function (result) {//result = Object {ConsultarTodosCategoriasResult: Array(6)}
        debugger;

          var tabela = $("#datagrid");
                            var rows = "";
                            tabela.find("tbody td").remove();

          var myData = ConsultarTodosCategoriasResult;
          for (var i = 0; i < myData.length; i++) {
            var obj = myData[i];
            rows += "<tr>";
               rows += " <td>" + result.ConsultarTodosCategoriasResult.Descricao + "</td>";
            rows += "</tr>";
          }

          tabela.html('<tbody>' + rows + '</tbody>');
            }
        });
    }
 </script>

ao atribuir o result a variavel (var myData = ConsultarTodosCategoriasResult;) da o seguinte erro: Uncaught ReferenceError: ConsultarTodosCategoriasResult is not defined

4
  • ConsultarTodosCategoriasResult não foi definido, ou seja ele deve estar em result, de um console.log(result) e veja onde se encontra oque precisa Commented 22/05/2017 às 22:18
  • o resultado é um array em forma de objeto: Object {ConsultarTodosCategoriasResult: Array(6)}ConsultarTodosCategoriasResult: Array(6)0: ObjectCategoria_id: 1Descricao: "PIZZAS"Filial_id: 1Id: null__proto__: Object1: Object2: Object3: Object4: Object5: ObjectCategoria_id: 6Descricao: "HAMBURGUER"Filial_id: 1Id: null__proto__: Objectlength: 6__proto__: Array(0)__proto__: Object Commented 23/05/2017 às 1:15
  • Consegui Felipe, alterei da seguinte maneira: var myData = result.ConsultarTodosCategoriasResult Commented 23/05/2017 às 1:31
  • isso mesmo haha Commented 23/05/2017 às 1:50

1 Resposta 1

0

Descobri o problema, deveria colocar result.ConsultarTodosCategoriasResult na variabel MyData, o codigo modificado ficou assim:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
<form id="form1">
    <div class="jumbotron">
    <input type="text" id="codUser"/>
    <button onclick="ConsUsuario(); return false;">Consulta Usuario</button>
</div>

  <div><table id="datagrid"></table></div>
</form>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script type="text/javascript">
function ConsUsuario(){
    $.ajax({
    type: "GET",
    url: "http://food-fast-com.web27.redehost.net/CategoriaService.svc/ConsultarTodosCategorias",
    contentType: "application/json",
    dataType: "json",
    success: function (result) {//result = Object {ConsultarTodosCategoriasResult: Array(6)}
    console.log(result)
    debugger;

      var tabela = $("#datagrid");
                        var rows = "";
                        tabela.find("tbody td").remove();

    var myData = result.ConsultarTodosCategoriasResult
    for (var i = 0; i < myData.length; i++) {
      var obj = myData[i];
      rows += "<tr>";
      rows += " <td>" + obj.Descricao + "</td>";
      rows += "</tr>";
    }

      tabela.html('<tbody>' + rows + '</tbody>');
        }
    });
}

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .