1

Estou tentando carregar os dados de uma tabela, via ajax, desta forma:

function buscaFornecedores(id) {
    var url = "/Produto/BuscaFornecedor";
    $.ajax({
        url: url,
        type: 'GET',
        data: { id: id},
        success: function (data) {
            $("#tabelaf").html(data);
        }
    });
}

E aqui é como está no controller:

  [HttpGet]
    public ActionResult BuscaFornecedor(int id)
    {
        var fornecedor_produto = db.ProdutosFornecedores.Where(p => p.ProdutoID == id).ToList();

        return Json(new { Resultado = fornecedor_produto });
    }

Porém ele aparece em branco, o que está faltando no código ?

Edit: O console log aparece desta forma: inserir a descrição da imagem aqui

Esse é o código da table:

<table class="table table-responsive table-hover" id="tabelaf">
                    <thead>
                        <tr>
                            <th>Fornecedores</th>
                            <th style="text-align:right"><a data-toggle="modal" data-target="#myModalAdd" title="Adicionar Novo Fornecedor" class="btn btn-info"><i class="fa fa-plus"></i></a></th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach (var item in Model.ProdutosFornecedores)
                        {
                            <tr class="tr">
                                <td>@item.FornecedorProduto.Nome</td>
                                <td align="right">
                                    <a class="link-excluir" href="#" data-id="@item.Id" title="Excluir"><i class="fa fa-trash-o fa-lg"></i></a>&nbsp;
                                </td>
                            </tr>
                        }
                    </tbody>
                </table>

Tentei utilizar, fazendo desta forma:

 public JsonResult BuscaFornecedor(int id)
{
    var fornecedor_produto = db.ProdutosFornecedores.Where(p => p.ProdutoID == id).ToList();

    return Json(new { Resultado = fornecedor_produto });
}

Porém também não deu certo. No MVC comum utilizaria JsonRequestBehavior.AllowGet, porém no MVC Core não é possível.

EDIT:

Tentei passando desta forma também, porém continua o mesmo problema:

public ActionResult BuscaFornecedor(int id)
    {
        var fornecedor_produto = db.ProdutosFornecedores.Where(p => p.ProdutoID == id).ToList();

        return new JsonResult(new { Resultado = fornecedor_produto });
    }
12
  • $("#tabelaf").html(data.resultado);?
    – Barbetta
    Commented 7/08/2018 às 17:49
  • Continua vindo em branco
    – Mariana
    Commented 7/08/2018 às 17:49
  • O seu (fornecedor_produto) está sendo populado? Caso sim use: return Json(fornecedor_produto , JsonRequestBehavior.AllowGet); Commented 7/08/2018 às 17:58
  • coloque um console.log(data) dentro da função success para ver no console do navegador o dado retornado e como está a estrutura das informações para você poder acessar. Commented 7/08/2018 às 18:02
  • @NetinhoSantos não deu certo.
    – Mariana
    Commented 7/08/2018 às 18:05

1 Resposta 1

1

Acontece que você está retornando um Json e não o html da tabela.

Mude seu código da seguinte forma:

function buscaFornecedores(id) {
    var url = "/Produto/BuscaFornecedor";
    $.ajax({
        url: url,
        type: 'GET',
        data: { id: id},
        success: function (data) {
            $("#tabelaf").html(data).promise().done(function () {
                $(".modal").modal('show');
            });
        }
    });
}


[HttpGet]
public ActionResult BuscaFornecedor(int id)
{
    var fornecedor_produto = db.ProdutosFornecedores.Where(p => p.ProdutoID == id).ToList();

    return PartialView("_SuaPartialView", fornecedor_produto);
}

Agora irá retornar o html com as informações

Uma alternativa com menos código para o carregar as informações é fazer assim:

function buscaFornecedores(id) {
    $("#tabelaf").load("/Produto/BuscaFornecedor/" + id, function(){
        $(".modal").modal('show');
    });     
}
6
  • Eu só não entendi a parte do PartialView @Barbetta, como vou vincular a tabela a partialview ?
    – Mariana
    Commented 7/08/2018 às 18:22
  • Na parte que você adicionou o código da tabela aquilo deveria ser uma PartialView, ela não tem nada de diferente de uma View, o que muda é que ao retornar ela sua aplicação não irá passar pelo ViewStart. Nessa sua View ela tem um model, na parte do PartialView("_SuaPartialView", fornecedor_produto); você está indicando o nome dessa View e do lado o model do retorno
    – Barbetta
    Commented 7/08/2018 às 18:27
  • No _SuaPartialView mude o nome para o nome do arquivo cshtml que você deseja carregar, é importante que o modelo passado ao lado seja o mesmo que a View recebe
    – Barbetta
    Commented 7/08/2018 às 18:28
  • este código está dentro de um modal, não estou sabendo lidar com PartialView, estou utilizando mvc core.
    – Mariana
    Commented 7/08/2018 às 19:17
  • Editei a resposta, coloquei para após carregar as informações ele abrir o modal
    – Barbetta
    Commented 7/08/2018 às 19:29

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 .