ASP.Net MVC Routing problem with jQuery AJAX

Question

My page is domain.com/home/details/1

In my jQuery AJAX call I have the following however when it makes that call its making a call to domain.com/home/details/home/getdata

What can I do to get it to resolve properly?

$(document).ready(function () {

            oTable = $('#example').dataTable({
                "bServerSide": true,
                "sAjaxSource": "Home/GetData/",
                "bProcessing": true,
                "bPaginate": true,
                "sPaginationType": "full_numbers",
                "bFilter": true,
                "bAutoWidth": false,
                "fnServerData": function (sSource, aoData, fnCallback) {
                    /* Add some extra data to the sender */
                    //aoData.push({ "filtervalue": $('#filtervalue').val(), "Options": $('#Options').val() });
                    $.getJSON(sSource, aoData.concat($('form').serializeArray()), function (json) {
                        /* Do whatever additional processing you want on the callback, then tell DataTables */
                        fnCallback(json)
                    });
                }
            });

        });

Darin Dimitrov · Accepted Answer · 2011-06-23 12:32:42Z

16

Absolutely always use URL helpers when dealing with urls in ASP.NET MVC. Absolutely never hardcode urls as you did.

So:

"sAjaxSource": "@Url.Action("GetData", "Home")"

and if this is in a separate javascript file, you could use HTML5 data-* attributes on the #example:

<div id="example" data-url="@Url.Action("GetData", "Home")">
    ...
</div>

and then in your separate js you could use the .data() method:

"sAjaxSource": $('#example').data('url')

answered Jun 23, 2011 at 12:32

Darin Dimitrov

1.0m275 gold badges3.3k silver badges3k bronze badges

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

2 Comments

Bertrand Marron Over a year ago

+1 for suggesting helpers. If you're deploying your app within a virtual directory (e.g domain.com/myapp), using /Home/GetData won't work.

IAbstract Over a year ago

Good advice on suggestions to always use URL helpers and never hardcode urls.

T9b · Accepted Answer · 2011-06-23 12:31:17Z

0

I think your path should be

"sAjaxSource": "/home/details/home/getdata",

and shouldn't getdata be a filename like getdata.php or something

"sAjaxSource": "/home/details/home/getdata.php",

answered Jun 23, 2011 at 12:31

T9b

3,5825 gold badges37 silver badges51 bronze badges

Comments

Jamie Dixon · Accepted Answer · 2011-06-23 12:45:18Z

0

Did you try puting a leading slash before the Ajax Source?

"sAjaxSource": "/Home/GetData/"

UPDATE

As stated in the comments below, hardcoding the URL could cause problems later down the line.

Darin has already posted about using the built in URL helpers so I wont edit my post to include that info. I do it a slightly different way as documented here:

Create Extension methods of UrlHelper to generate your url from Route

I've found this way of working to be extremely helpful when working with a front end team. They found it really easy to understand the Url.RequestedPage() format and it meant they didn't need my help everytime they wanted to link or request something.

edited Jun 23, 2011 at 12:45

answered Jun 23, 2011 at 12:27

Jamie Dixon

54.1k21 gold badges131 silver badges168 bronze badges

4 Comments

Jon Over a year ago

God damn it. I thought I tried every scenario obviosuly not that one! Thanks

Darin Dimitrov Over a year ago

-1, for hardcoding urls instead of using Url heleprs. This will break as soon as you deploy your application in a virtual directory inside IIS.

Ken D Over a year ago

What @Darin said is right, although it worked for you now, it'll break in the future, use permanent healthy solutions.

Jamie Dixon Over a year ago

Fair call Darin. I agree that using a hardcoded URL isn't the way to go.

Collectives™ on Stack Overflow

ASP.Net MVC Routing problem with jQuery AJAX

3 Answers 3

2 Comments

Comments

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related