Call ASP.NET MVC controller action from seperate javascript file

Question

What url syntax should I be using to ensure controller actions are properly resolved in a jQuery ajax call? For example, the following syntax to invoke Method1 on HomeController works while running site in Visual Studio:

 $.ajax({
             type: 'GET',
             url: "Home/Method1?lparam1=" + 1+ "&param2=" + 2,  // my problem
             dataType: 'json',
             cache: false,             
             success: function(){ alert("success");}
         });

But when I deploy site on IIS, I get HTTP 404 telling me controller actions can not be resolved.

TIA.

Cᴏʀʏ · Accepted Answer · 2012-05-13 22:59:55Z

1

I would let MVC generate the link for you:

url: '@Url.Action("Method1", "Home")?lparam1=' + encodeURIComponent(1) + ...

If your JS in an external file, you could set a global variable with the URL in your page and let the external file read it. Also, if your VS and IIS urls are different, you can give you site a Virtual Directory name in the project properties so that it matches your IIS directory, or better, yet, just have your project use IIS instead of Cassini (the built-in web server).

answered May 13, 2012 at 22:59

Cᴏʀʏ

108k20 gold badges169 silver badges201 bronze badges

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

4 Comments

Klaus Nji Over a year ago

Yes, I script is external hence my problems. When I look at url being requested it is localhost/home/method1 but under IIS, I am deploying to localhost/mysite so url should be localhost/mysite/home/method1. Setting virtual path to mysite/ in propject properties makes VS url same as IIS but does not fix original problem. I may just end up embedding script and call it a day.

Klaus Nji Over a year ago

Looks like globals is the only way to go as I will like to keep script in external file.

Cᴏʀʏ Over a year ago

I think you could clean this approach up by wrapping all your logic into a JavaScript "class", and then when you instantiate it (in your page), pass in the controller URLs as options.

Klaus Nji Over a year ago

that is a good suggestion too. My Javascript is either using the module or prototype pattern and so I could do what you proposed. I now have it 'working' with a global defined as appUrl = "http://" + window.location.host + '/myapp and propending my resource strings with this .

veblock · Accepted Answer · 2012-05-13 23:07:31Z

0

Just change the url line to:

url: "/Home/Method1?lparam1=" + 1+ "&param2=" + 2,

answered May 13, 2012 at 23:07

veblock

1,92418 silver badges10 bronze badges

1 Comment

Klaus Nji Over a year ago

This syntax does not work with Javascript in an external file.

Collectives™ on Stack Overflow

Call ASP.NET MVC controller action from seperate javascript file

2 Answers 2

4 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related