Why is my REST method not being called by this jQuery?

Question

I have a similar question about jQuery button click handler code not being fired at all here.

In this case, it is being fired (when the jQuery is added to a sta

Answer 1

Personally not a big fan of using @Url.Action in javascript code; this is how I make ajax calls:

• Create a hidden field in layout page to store the root url -

• Have a constants json file to keep my client side constants (constants.js) - assigns the hidden field value to serviceRoot variable:

  (function () {
  window.constants = {
  
      serviceRoot: $("#hdnRoot").val() + "api/",
      objectState: {
          added: "Added",
          modified: "Modified",
          unchanged: "Unchanged",
          deleted: "Deleted"
      },
     ..other values...
  };
  })();
  

• Will modify your ajax call as:

  var root = window.constants.serviceRoot;
  $.ajax({
              type: 'GET',
              url: root + 'LandingPage/GetQuadrantData/'+unitval+'/'+begdateval+'/'+enddateval,
            //  data: { unit: unitval, begdate: begdateval, enddate: enddateval },
              contentType: 'application/json',
              cache: false,
              success: function (returneddata) {
              },
              error: function () {
                  alert('hey, boo-boo!');
              }
          });
  
   [RoutePrefix("api")]
   public class LandingPageController : ApiController {
  
     [HttpGet]
     [Route("GetQuadrantData/{unit}/{begdate}/{enddate}", Name="GetQuadrantDataFromLandingPage")]
     public HttpResponseMessage GetQuadrantData(string unit, string begdate, string enddate)