Return from Json [closed]

Question

Return from Json [closed]

Navigation

#1 by (2 votes)

-2

I do not understand the JSON operation, but here I have a Controller code that returns a JSON and I want to know how to display this data on the screen.

public ActionResult ShowPlaylists()
{
    if (string.IsNullOrEmpty(Session["token"].ToString()))
        return View("Index");

    var access_token = Session["token"].ToString();

    SpotifyService spotifyService = new SpotifyService();

    SpotifyUser spotifyUser = spotifyService.GetUserProfile(access_token);

    Playlists playlists = spotifyService.GetPlaylists(spotifyUser.UserId, access_token);

    return Json(playlists);
}

c# .net json asp.net-mvc

asked by anonymous 01.11.2016 / 04:12

1 answer

C # - Start developing .Net [closed] Repeat until the correct letter is entered [closed]

score 2 · Accepted Answer

You are mixing the functions in the controller, so if you use json in a method you should use JsonResult as the return type identifier. In asp.net mvc there are two ways to make an Ajax call and with this having a record or a list of records in json, there are two examples that make call in the same controller so that it has a better understanding:

Controller:

[HttpPost]
public async Task<JsonResult> JsonX()
{
    var frente = (from d in db.Imagem
                  orderby d.IdImagem
                  select new
                  {
                      d.IdImagem,
                      d.EnderecoImagem,
                      d.DescricaoLegenda,
                      d.CorFundoLegenda,
                      d.Descricao,
                      d.Largura,
                      d.Altura,
                      d.DescricaoAlternativa,
                  });
    return Json(await frente.ToListAsync());
}

Ajax call option 1 - I use in situations where I want to dynamically create html elements, set up a table, for example, and show the user:

 <script type="text/javascript">            
    $.ajax({
        url: "/ControllerX/JsonX",
        type: "POST",
        ifModified: true,
        cache: true,
        async: true,
        dataType: "json",
        success: function (data) {
            if (data.length > 0) {
                var linha = "";
                for (i = 0; i < data.length; i++) {
                    linha += data[i] + "<br>";
                }
         }
    });
 </script>

Ajax Call Option 2 - I use more in situations that I do not want to reflesh on the whole page, for example, adding an item to a cart in a virtual store. Anyway, depending on the way you do you can use both forms for the same purpose:

 <form class="form-inline" method="post" action="/ControllerX/JsonX" data-ajax="true" 
        data-ajax-failure="FalhaAjax" data-ajax-success="SucessoAjax">
        <div class="form-group">
            <div class="col-sm-6">
                <input class="input-sm form-control" type="submit" />
            </div>
        </div>
</form>

<script type="text/javascript">         
   function SucessoAjax(data) {
        if (data.length > 0) {
                var linha = "";
                for (i = 0; i < data.length; i++) {
                    linha += data[i] + "<br>";
                }
         }
   }
   function FalhaAjax(data) {
        alert("erro");
   }
</script>