Question

In my MVC3 app, I’m using $.ajax to call a method of type JsonResult to get data to be displayed:

 function GetData(e) {
    var ordersId = e.row.cells[0].innerHTML; //this is fine
    $.ajax({
         type: "POST",
         url: "/Documents/GetDocumentData",
         contentType: "application/json; charset=utf-8",
         data: "{'id': '"+ordersId +"'}",
         dataType: "json",
         success: function (result) {
        //load window
         },
         error: function (result) {
            if (!result.success)
        //show error
         }
     });

This is my Action:

   [HttpPost] 
        public JsonResult GetDocumentData(string id)
    {
           //my code
           return Json(new { success = true});

        }

When im debugging on my development machine, it works fine. I deployed it to my test web server and i get ‘404 page not found dev/testwebsite/Documents/GetDocumentData’ I should get this when debugging if something was wrong, but i dont. Why am I getting this error? Thanks

Answer 1

Your URL in the javascript is wrong, if that dev/testwebsite/Documents/GetDocumentData is the URL on the server.

You should be using @Url.Action() to automatically form those URLs in the cshtml page.

Example:

@Url.Action("actionName","controllerName"  )

So, for your specific case, it would be:

@Url.Action( "GetDocumentData", "Documents" )

In the javascript, it would look like this:

function GetData(e) {
    var ordersId = e.row.cells[0].innerHTML; //this is fine
    $.ajax({
        type: "POST",
        url: '@Url.Action("GetDocumentData","Documents")',
        contentType: "application/json; charset=utf-8",
        data: "{'id': '"+ordersId +"'}",
        dataType: "json",
        success: function (result) {
        //load window
    },
    error: function (result) {
        if (!result.success)
        //show error
    }
});