Jquery Ajax MVC controller URL issue

Question

I have a jquery code which opens a dialog. This dialog is a partial view which renders from the response of a jquery Ajax call "http://test.com/ControllerA/ViewDetails". Ajax call code looks like below

$.ajax({
    url: "ViewDetails",
    type: "GET",
    dataType: "html",

The dialog box has button which has to make another Jquery Ajax call (this has go against a different controller and action). Ajax code looks like below.

$.ajax({
    url: "ControllerB/Search",
    type: "GET",
    dataType: "html",

The above ajax call fails to find search action because The URL will get changed to http://test.com/ContollerA/ControllerB/Search.

I feel this is something related to a route config. But i need some directions from you all.

add "~/" before the url i.e "~/ControllerB/Search" , it represent the root/url further path , so in your case test.com/ControllerB/Search — SeeTheC
– SeeTheC, Commented Jan 30, 2014 at 19:59
If you are externalizing the urls to separate javascript variable assign the urls in hidden fields and then use the value of hidden field in javascript file. — Thanigainathan
– Thanigainathan, Commented Jan 30, 2014 at 20:25

hunter · Accepted Answer · 2014-01-30 19:57:40Z

6

$.ajax({
    url: "@Url.Action("ViewDetails", "ControllerA")", 
    type: "GET", 
    dataType: "html",

and

$.ajax({
    url: "@Url.Action("Search", "ControllerB")", 
    type: "GET", 
    dataType: "html",

This way you're using the route table and not generating urls willy nilly

answered Jan 30, 2014 at 19:57

hunter

63.7k19 gold badges115 silver badges115 bronze badges

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

Comments

Johan · Accepted Answer · 2015-08-10 11:12:39Z

1

The best way is to use

 url: '../ControllerA/ViewDetails'

it worked for me when the culture is in url

edited Aug 10, 2015 at 11:12

Johan

8,2861 gold badge35 silver badges46 bronze badges

answered Aug 10, 2015 at 9:29

Noor Rahman

1551 gold badge6 silver badges16 bronze badges

1 Comment

IamChandu Over a year ago

this works in a partial view rendered in a same page. In my case i was opening a dialog box. So i need to use the @Url.Action.

Collectives™ on Stack Overflow

Jquery Ajax MVC controller URL issue

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related