in ASP.NET

ASP.NET MVC 6 – JSON Helper

O ASP.NET MVC 6 é que ele traz diversos recursos e implementações que já eram necessárias para nossos projetos, e que muitas vezes resolvíamos com uma implementação customizada de alguma parte do projeto ou helper. Apesar dele resolver varias coisas que fazíamos com nossas implementações, acredito que o ASP.NET MVC ter este paradigma de um framework plugável é sensacional, e muito importante. A ideia deste post é mostrar um helper para serializar JSON na View.

JSON Helper

Algumas vezes em nossos projetos temos que passar informações para o javascript ou para alguma api através do html que a View está gerando, como por exemplo passar os dados de checkout de uma transação para uma api de tracking. Nestas ocasiões geralmente escrevíamos o objeto item por item ou transformávamos ele em JSON ele antes de retornar para a view.

Agora com este JSON Helper, só precisamos passar o nosso objeto para o helper e ele transforma em JSON \o/

Exemplo, na Action Index eu passo o Model Usuario :

public class HomeController : Controller
{
    public IActionResult Index()
    {
       var usuario = new Usuario(){
           Id=123,
           Nome="Rodolfo", 
           Sobrenome="Fadino"};
        
        return View(usuario);
    }
}

E na View eu consigo utilizar o helper da seguinte maneira:

 @Json.Serialize(Model)

Que como resultado gera a seguinte string:

{“Id”:123,”Nome”:”Rodolfo”,”Sobrenome”:”Fadino”}


json

 

Ok, mas no exemplo acima eu só utilizei uma forma visual de escrever um JSON, isto não é muito util em nossas aplicações. Bom vou mudar um pouco, envolvendo e atribuindo o JSON gerado em uma variável js.

<script>
   var dataLayerTracking=  @Json.Serialize(Model);
</script>

Agora notem como é fácil trabalhar o objeto com js (no exemplo estou usando o console do navegador, mas poderia ser o front-end da minha app):

console

 

 

Bom espero que este post seja útil, estou a disposição para dúvidas, criticas ou sugestões.

abs

Rodolfo