I have js code , that I decided to move to external js. In this code I have razor syntax (url path) Here is code of those functions <!-- language: lang-js --> function getStops() { var url = $('#map').data('request-url'); $.getJSON(url, function (data) { var marker = []; $.each(data, function (i, item) { marker.push({ 'location': new google.maps.LatLng(item.Latitude2, item.Longitude2), 'map': map, 'weight': item.Difference, 'radius': 10 }); }); var pointArray = new google.maps.MVCArray(marker); heatmap = new google.maps.visualization.HeatmapLayer({ data: pointArray }); heatmap.setMap(map); }); }; // get Driving and show on layer function getDriving() { var url = $('#map').data('request-url2'); $.getJSON(url, function (data) { var marker = []; $.each(data, function (i, item) { marker.push({ 'location': new google.maps.LatLng(item.Latitude2, item.Longitude2), 'map': map, 'weight': item.Speed, 'radius': 10 }); }); var pointArray = new google.maps.MVCArray(marker); heatmap = new google.maps.visualization.HeatmapLayer({ data: pointArray }); heatmap.setMap(map); }); I know about `data-request-url` that I can write in element. in my case it's div. So I wrote it like this on font-end <div id="map" data-request-url="@Url.Action("GetStops", "Home")" data-request-url2="@Url.Action("Driving", "Home")"> </div> Is this right, or I can do it in other way?