0

Estou fazendo um tratamento de erro usando o Json Result, quando exibi a mensagem de erro deveria exibir a página formada assim como rege no arquivo _Layout, portanto a página está carregando toda em branco, alguém sabe como resolver? Abaixo a imagem de como esta sendo exibido!

inserir a descrição da imagem aqui

Aqui o meu homeController:

using ReportandoErro.Models;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;

namespace ReportandoErro.Controllers
{
    public class HomeController : Controller
    {
        public ActionResult Index()
        {
            return View();
        }

        public ActionResult Teste()
        {

            var response = new ResponseViewModel();
            try
            {
                throw new Exception("Oops, ocorreu um erro");
            }
            catch (Exception e)
            {
                return ErroCapturado(e);
            }
            return Json(response, JsonRequestBehavior.AllowGet);
        }

        public ActionResult ErroCapturado(Exception ex)
        {
            var response = new ResponseViewModel
            {
                Data = ex.Data,
                Sucesso = false,
                Mensagem = ex.Message
            };

            return Json(response, JsonRequestBehavior.AllowGet);

        }
    }

}

Aqui meu AccountViewModels:

public class ResponseViewModel
    {
        public object Data { get; set; }
        public bool Sucesso { get; set; }
        public string Mensagem { get; set; }
    }

E aqui a view chamada teste:

@{
    ViewBag.Title = "Teste";
}
@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@model ReportandoErro.Models.ResponseViewModel

<h2>Teste</h2>

<script type="text/javascript">
    $(document).ready(function () {
        //debugger;
        gerandoRelatorio();
        function gerandoRelatorio() {
            $.getJSON("Home/Teste", function (response) {

                if (response.sucesso) {
                    console.log(response.data);
                }
                else {
                    alert(data.mensagem);
                }

            }).fail(function (response) {
                //Erro genérico
                alert("Não foi possível processar a sua requisição");

            });
        }
    });
</script>
0

1 Resposta 1

1

Para renderizar a página ,você precisa retornar uma View() nesse caso você só retorna Json(response, JsonRequestBehavior.AllowGet). Crie sempre Actions separadas para suas requisições Ajax. Para solucionar, basta criar uma Action separada apenas para a sua requisição, segue o código:

using ReportandoErro.Models;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;

namespace ReportandoErro.Controllers
{
    public class HomeController : Controller
    {
        public ActionResult Index()
        {
            return View();
        }

        public ActionResult Teste()
        {

            return View();
        }

        public ActionResult Ajax_Teste()
        {
            var response = new ResponseViewModel();
            try
            {
                throw new Exception("Oops, ocorreu um erro");
            }
            catch (Exception e)
            {
                return ErroCapturado(e);
            }
            return Json(response, JsonRequestBehavior.AllowGet);
        }

        public ActionResult ErroCapturado(Exception ex)
        {
            var response = new ResponseViewModel
            {
                Data = ex.Data,
                Sucesso = false,
                Mensagem = ex.Message
            };

            return Json(response, JsonRequestBehavior.AllowGet);

        }
    }

}

Criei a Action Ajax_Teste que executa a requisição Ajax e retorna Json.

E dentro do Javascript onde você executa a requisição, você vai chamar Ajax_Teste e não Teste:

@{
    ViewBag.Title = "Teste";
}
@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@model ReportandoErro.Models.ResponseViewModel

<h2>Teste</h2>

<script type = "text/javascript" >
$(document).ready(function () {
//debugger;
gerandoRelatorio();
    function gerandoRelatorio()
    {
        $.ajax({
            method: "GET",
            url: "Home/Ajax_Teste"
        })
        .done(function (response) {
            if (response.Sucesso)
            {
               console.log(response.Mensagem);
            }
            else
            {
                alert(response.Mensagem);
            }
        })
        .fail(function(response) {
            //Erro genérico
            alert("Não foi possível processar a sua requisição");
        });
        }
    }
</script>

Sendo assim, a Action Teste retorna a sua View() e a Action Ajax_Teste retorna seu Json().

Fica a dica de um conteúdo sobre Requisição assíncrona/síncrona nos padrões MVC nessa pergunta.

Para exibir a resposta você pode utilizar o que já estava no seu código JS: console.log(response.Mensagem) lembrando que o Javascript é Case-sensitive, você estava chamando if(response.sucesso) o correto é if(response.Sucesso).

Se você quiser inserir na sua View, você pode manipular o DOM. Embaixo do <H2>, adicione a seguinte linha:

<p id="mensagem"></p>

E no seu Javascript adicione:

$("#mensagem").text(response.Mensagem);

Assim ele preencherá o paragrafo com a mensagem.

10
  • Então Leonardo, eu fiz aqui, portanto esta retornando a view teste, porém não esta exibindo o log de erro, como fazer para que esse log de erro seja exibido nessa view?
    – WPfan
    Commented 30/01/2018 às 16:59
  • E eu percebi outra coisa, ele não ta entrando nesso Ajax_Teste
    – WPfan
    Commented 30/01/2018 às 17:08
  • @WPfan da uma olhada Commented 30/01/2018 às 17:14
  • @WPfan que framework você está utilizando para realizar a requisição? Commented 30/01/2018 às 17:15
  • estou usando asp.net mvc
    – WPfan
    Commented 30/01/2018 às 17:36

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 .