Home / Questions / 22335
Accepted
Antonio
Asked: 2020-09-02 12:36:26 +0800 CST 2020-09-02 12:36:26 +0800 CST

how should i receive a value from ajax in my ActionResult?

  • 772

this is my script

<script>
    $(document).ready(function () {
        $("#PlanVenta").change(function () {
            $("#Precio").empty();
            $.ajax({
                type: 'POST',
                url:'@Url.Action("PreciosPorTipoVenta")',
                datatype:'json',
                data: { Id_Plan: $("#PlanVenta").val(), Id_Articulo: $("#Id_Articulo").val() },
                success: function (precios) {
                        $("#Precio").val(precios[0].precio);
                },
            });
        });
    });
</script>

and this is what it contains

and this is what it contains

This is my Controller where I receive an integer 

public JsonResult PreciosPorTipoVenta(Venta_Detalle vd, int Id_Plan,int Id_Articulo)
{
}
here the html

<table class="table table-striped">
      <tr>
        <th>
            <label>Articulo</label>
        </th>
        <th>
            <label>Nombre</label>
        </th>

        <th>
            <label>Precio</label>
        </th>


    </tr>
        @foreach (var v in Model)
                {
                 <tr>
                   <td>
                   <input type="hidden" name="Id_Articulo" id="Id_Articulo" value="@v.Articulo.Id" />
                   </td>
                   <td>
                    @Html.DisplayFor(m => v.Articulo.Nombre)
                   </td>
                   <td>
                    @Html.DisplayFor(m => v.Precio)
                   </td>
                  
                 </tr>
                }
  </table>

but i only get one data

enter image description here

How should I receive the data so that it comes complete or to receive the three elements that are shown in the ajax or what am I doing wrong when sending it?

Note: I already tried with int[] Id_Articulo, List<int>Id_Articulobut the same thing comes out

ajax

1 Answers

  1. Best Answer

    If you have several inputs with the same id you must define another type of selector, the common thing is to use theclass 

    <input type="hidden" class="articulo" name="Id_Articulo" id="Id_Articulo" value="@v.Articulo.Id" />

    then you would use

    <script>
    $(document).ready(function () {
        $("#PlanVenta").change(function () {
            $("#Precio").empty();

            var params = { 
                            Id_Plan: $("#PlanVenta").val(), 
                            Id_Articulo: []
                        };

            $(".articulo").each(function(index, item){
                params.Id_Articulo.push($(item).val());
            });

            $.ajax({
                type: 'POST',
                url:'@Url.Action("PreciosPorTipoVenta")',
                datatype:'json',
                data: params,
                success: function (precios) {
                        $("#Precio").val(precios[0].precio);
                },
            });
        });
    });
</script>

    as you will see you iterate through the items performing a push()in the array, so if you define a List<int>as a parameter of the action

    • 0