Home / Questions / 2704
Accepted
Alan
Asked: 2020-01-19 08:59:25 +0800 CST 2020-01-19 08:59:25 +0800 CST

What is the best way to pass parameters to get method in webapi using $.getJSON?

  • 772

Hi, I have a question about how to do this in the best way:

I have a method GETin my controllerthat receives 3 parameters:

    [Route("api/Visita/{idCompania}/{idLocal}/{fecha}")]
    public Visita Get(short idCompania, short idLocal, string fecha)

In my view I have these parameters available in my ViewBag, is there a clean way to pass them as parameters to $.getJSONso that it takes care of executing the call to my method ?

should I locate you in how hiddento obtain them through $("#idLocal").val()for example?

I can only interact with objects from the DOM?

jquery

2 Answers

  1. Best Answer

    If the data is in the ViewBag and is not going to change, you could assign it to variables that the json builds.

    <script>
  $(function() {
      var params= {
         idCompania: '@ViewBag.idCompania',
         idLocal: '@ViewBag.idLocal',
         fecha: '@ViewBag.fecha'
      };

      $.getJSON('api/Visita', params, function(data){ 
           //codigo
      });
   });
</script>

    As you can see, you create the json that you would send as data from $.getJSON

    If the client code is in a separate .js in the view you define the lines

     <script>
   var idCompania= '@ViewBag.idCompania';
   var idLocal= '@ViewBag.idLocal';
   var fecha= '@ViewBag.fecha';
</script>

    then inside the .js you just access the variables since these are global

    • 2

  2. You don't need to use hidden fields, you could use the browser URL to get them (since they are available in the route):

    var datos = window.location.pathname.split("/");
var idCompania = datos[datos.length - 3];
var idLocal = datos[datos.length - 2];
var fecha = datos[datos.length - 1];

    Of course this is a javascript only solution .

    • 1