Asp.net mvc 4 Ajax to call controller

Question

My ajax call to the controller works for some pages like http://localhost:2493/anything, and does not work for http://localhost:2493/Account/Login.

this code work for the index page

$(document).ready(function () {
    $.ajax({
          url: 'Home/GetLinks',
          contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function (data) {
        $.each(data, function (index, val) {
        $('#ListLinks').append('<li><a href="http://'+ val.Url +'" target="_new">' + val.Url + '</a></li>');
    });
    },
    error: function (xhr, status, err) {
        console.log('Response code:' + xhr.status);
        console.log('[Error:' + err + '] ' + status);
    }
     });
});

When debug this code on pages like http://localhost:2493/Account/Login I got a error 404.

The JS code is placed in separeted file and its called on the _layout page.

I know the problem is url, so I tried to change the code and use

url: '@Url.Action("Home","GetLinks")',

Then it doesn't work on any page.

How can I write this bit code to work on any page.

Thanks a lot

EkoostikMartin · Accepted Answer · 2014-03-05 22:25:03Z

1

Try adding a leading slash to the URL parameter of the ajax call.

This means get the URL from the root of the domain:

$.ajax({
          url: '/Home/GetLinks',

edited Mar 5, 2014 at 22:25

answered Mar 4, 2014 at 22:17

EkoostikMartin

6,9313 gold badges35 silver badges63 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Shyju · Accepted Answer · 2014-03-04 22:14:07Z

0

Your html helper Url.Action method won't work in your external js file. So create js variable( in global scope) in your razor view/Layout file and use that in your external javascript file.

In your razor file

<script type="text/javascript">
  var global_GetLinks_Url="@Url.Action("GetLinks","Home")";
</script>

now you can access the global_GetLinks_Url in your external js files

$(document).ready(function () {
    $.ajax({
          url: global_GetLinks_Url,
          //rest of your code goes here
});

answered Mar 4, 2014 at 22:14

Shyju

220k106 gold badges420 silver badges499 bronze badges

Collectives™ on Stack Overflow

Asp.net mvc 4 Ajax to call controller

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related