How do I make JS know about the application root?

by

If you simply care about getting the root/base url of the site so you can append that to get the other url you are after, you may simply use / as the first character of your url.

var urlToJobIndex2= "/jobs/GetIndex";

Here is an alternate approach if you want more than just the app root (Ex : Specific urls( built using mvc helper methods such as Url.RouteUrl etc)

You may use the Url.Content helper method in your razor view to generate the url to the app base, assign it to a javascript variable and use that in your other js code to build your other urls.
Always make sure to use javascript namespacing when doing so to avoid possible issues with global javascript variables.

If you want to get url to a specific action method, you may use the Url.Action or Url.RouteUrl helper methods.

So in your razor view (Layout file or specific view), you may do this.

<script>
    var myApp = myApp || {};  
    myApp.Urls = myApp.Urls || {};
    myApp.Urls.baseUrl="@Url.Content("~")";
    myApp.Urls.jobIndexUrl="@Url.Action("GetIndex","jobs")";
</script>
<script src="https://stackoverflow.com/questions/34360537/~/Scripts/PageSpecificExternalJsFile.js"></script>

And in your PageSpecificExternalJsFile.js file, you can read it like

var urlToJobIndex= myApp.Urls.jobIndexUrl;
// Or With the base url, you may safely add the remaining url route.
var urlToJobIndex2= myApp.Urls.baseUrl+"jobs/GetIndex";

Here is a detailed answer about the same , but using this in a specific page/view

Angular Js

You might need the correct relative url(s) in your angular controller / services / directives.The same approach will work for your angular code as well. Simply build the js namespace object and use the angular value provider to pass the data to your angular controllers/services/directives as explained in this post in detail with example code.

More Related Contents:

  1. jquery messagebox get from button click mvc4
  2. How to pass json POST data to Web API method as an object?
  3. Convert CSV data into JSON format using Javascript
  4. Razor MVC Populating Javascript array with Model Array
  5. ASP.NET MVC Bundle not rendering script files on staging server. It works on development server
  6. jQuery POST, Error 405 Method not allowed
  7. jQuery: How to traverse / Iterate over a list of object
  8. Pass a javascript variable as parameter to @url.Action()
  9. ASP.NET MVC Partial view ajax post?
  10. JSON: why are forward slashes escaped?
  11. Set Additional Data to highcharts series
  12. JavaScript Date Object Comparison
  13. HTTP Ajax Request via HTTPS Page
  14. Which characters are valid/invalid in a JSON key name?
  15. Sending a JSON to server and retrieving a JSON in return, without JQuery
  16. How to bind Events on Ajax loaded Content?
  17. Why Firefox says that window.event is undefined? (call function with added event listener)
  18. Where is the Socket.IO client-side .js file located?
  19. Get the _id of inserted document in Mongo database in NodeJS
  20. My javascript is returning this error: $.ajax is not a function
  21. Completely lost on how to save extension popup window content
  22. How to create a multi-filter function to filter out multiple attributes?
  23. jQuery: How to listen for DOM changes?
  24. Using jQuery, how do you find only visible elements and leave hidden elements alone?
  25. What does “res.render” do, and what does the html file look like?
  26. How can I remove wrapper (parent element) without removing the child?
  27. Randomize setInterval ( How to rewrite same random after random interval)
  28. ES6 module scope
  29. Error when checking input: expected dense_Dense1_input to have x dimension(s). but got array with shape y,z
  30. Disabling links to stop double-clicks in JQuery

Leave a Comment