Problems showing parameters in partial view

Thanks to all who made their contributions. I have found the solution by other means so I would like to share the following:

First I changed the result type of the query action from Task<ActionResul> to Task<JsonResult> .

The conditional of Action of Controller looks like this:

if (saldoInfo.result.errorCodigoField == "00")
{
     var SaldoRecargas = Math.Round(Convert.ToDecimal(saldoInfo.result.saldoRecargasField), 2, MidpointRounding.AwayFromZero);

     var SaldoServicios = Math.Round(Convert.ToDecimal(saldoInfo.result.saldoServiciosField), 2, MidpointRounding.AwayFromZero);

     return Json(new string[] { saldoInfo.result.errorCodigoField, saldoInfo.result.errorMensajeField, SaldoRecargas.ToString(), SaldoServicios.ToString() }, JsonRequestBehavior.AllowGet);
}
else
{
     return Json(new string[]{ saldoInfo.result.errorCodigoField, saldoInfo.result.errorMensajeField, "",""}, JsonRequestBehavior.AllowGet);
}

The partial view was restructured, remaining as follows:

@using (Html.BeginForm("ConsultaSaldo", "Recargas", FormMethod.Get, new { id = "formSaldos" }))
{
<div class="saldos">
    <div class="saldosservicios">
        <h4 class="nombresaldo">Saldo Servicios</h4>
            <output class="totalsaldo" id="outsaldoservicio" ></output>                
    </div>

    <div class="saldosrecargas">
        <h4 class="nombresaldo">Saldo Recargas</h4>
           <output class="totalsaldo" id="outsaldorecargas"></output> 
    </div>
    <div>
        <input class="btnConsultar" type="button" value="Consultar" onclick="Actualizar()"/>
    </div>
    </div>
}

The balance update script looks like this:

<script type="text/javascript">
    function Actualizar() {
        $.ajax({
            url: '/Recargas/ConsultaSaldo',
            cache: false,
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (data) {
                $("#outsaldoservicio").html(data[3])
                $("#outsaldorecargas").html(data[2])
            }
        });
    }
</script>

Finally the partial view call, in the main view was like this:

<div id="saldos-section">
            @Html.Partial("ConsultaSaldo", new { SaldoRecargas = ViewBag.SaldoRecargas, SaldoServicios = ViewBag.SaldoServicios })                
</div>

Final result:

Probably because of the output element. Outpot in HTML is used to display results of operations. In this case, you are loading a data from the controller, Try printing on a label element and add @ Html.Raw (ViewBag.Mydata) .

<label class="totalsaldo">@Html.Raw(ViewBag.SaldoRecargas)</label>

I recommend you try removing the ViewBag:

Model

public class Saldos
{
    public int SaldoRecargas  { get; set; }
    public int SaldoServicios { get; set; }
}

Controller

if (saldoInfo.result.errorCodigoField == "00")
{
    var datos = new Saldos();
    datos.SaldoRecargas = Math.Round(Convert.ToDecimal(saldoInfo.result.saldoRecargasField), 2, MidpointRounding.AwayFromZero);

    datos.SaldoServicios = Math.Round(Convert.ToDecimal(saldoInfo.result.saldoServiciosField), 2, MidpointRounding.AwayFromZero);

    return PartialView("ConsultaSaldo", datos);

}
else
{
    return RedirectToAction("Index", "Recargas", new { Mensaje = "Ha ocurrido un error en la consulta" });
}

Partial View

@model MiNamespace.Saldos

@using (Html.BeginForm("ConsultaSaldo", "Recargas", FormMethod.Get))
{
<div class="saldos">
    <div class="saldosservicios">
        <h4 class="nombresaldo">Saldo Servicios</h4>
        @if (@Model.SaldoServicios != null)
        {
            @Model.SaldoServicios
        }
    </div>

    <div class="saldosrecargas">
        <h4 class="nombresaldo">Saldo Recargas</h4>
        @if (@Model.SaldoRecargas != null)
        {
            @Model.SaldoRecargas
        }           
    </div>
    <div>
        <input class="btnConsultar" type="button" value="Consultar" onclick="Actualizar()"/>
    </div>
</div>
}

Call to partial view:

<div id="saldos-section">
    @Html.Partial("ConsultaSaldo")
</div>

I would also like to see the code of the action complete, including the signature of the method.

When rendering the partial view, the object that you send as an argument is a Model :

<div id="saldos-section">
    @Html.Partial("ConsultaSaldo",
   /* Modelo -> */ new { SaldoRecargas = ViewBag.SaldoRecargas, SaldoServicios = ViewBag.SaldoServicios })
</div>

Therefore, try modifying your partial view in the following way:

@model dynamic
@using (Html.BeginForm("ConsultaSaldo", "Recargas", FormMethod.Get, new { id = "formSaldos" }))
{
<div class="saldos">
    <div class="saldosservicios">
        <h4 class="nombresaldo">Saldo Servicios</h4>
        @if (Model.SaldoServicios != null)
        {
            <output class="totalsaldo" >@Model.SaldoServicios</output>                

        }
    </div>

    <div class="saldosrecargas">
        <h4 class="nombresaldo">Saldo Recargas</h4>
        @if (Model.SaldoRecargas != null)
        {
           <output class="totalsaldo">@Model.SaldoRecargas</output>
        }           
    </div>
  <div>
    <input class="btnConsultar" type="button" value="Consultar" onclick="Actualizar()"/>
  </div>
</div>
}

namespace TuSitio.Models
{
    public class ModeloDeVistaParcial
    {
        public decimal SaldoRecargas { get; set; }
        public decimal SaldoServicios { get; set; }
    }
}

You pass it as the model in partial view:

@Html.Partial("ConsultaSaldo",
              new TuSitio.Models.ModeloDeVistaParcial()
                  {
                      SaldoRecargas = ViewBag.SaldoRecargas,
                      SaldoServicios = ViewBag.SaldoServicios
                  })

And you declare it as the model in that view:

@model TuSitio.Models.ModeloDeVistaParcial

Html.Partial and Html.RenderPartial do not execute the cycles of a controller as a normal request does, which means that the methods of the controller are not executed, but they parsean the html of the views directly and therefore the values of ViewBag never end up being assigned.

Use Action.RenderAction(viewname, requestParameters) that executes the normal cycles of a Request and you will be shown the ViewBag s:

<div id="saldos-section">
@{  
   Html.RenderAction("ConsultaSaldo", new { SaldoRecargas = ViewBag.SaldoRecargas, SaldoServicios = ViewBag.SaldoServicios });
}
</div>