Jak zaktualizować JavaScript o wartość z pliku web.config w projekcie Razor MVC4 ASP.NET?

Question

Czy jest możliwe użycie ustawienia web.config, takiego jak "serverPath" poniżej w pliku JavaScript w projekcie Razor MVC4 ASP.NET?

<appSettings> 
    <add key="serverPath" value="http://myserver" /> 
</appSettings> 

chciałbym zmienić adres URL następujący jQuery wywołanie ajax w zależności od trybu debugowania lub zwolnij

var request = $.ajax({ 
    url: 'http://myserver/api/cases', 
    type: 'GET', 
    cache: false, 
    dataType: 'json' 
    }); 

Czy jest możliwe aby odczytać wartość z pliku web.config jak Widok i zastąpić go w pliku .js?

Answer 1

Alternatywą jest posiadanie pliku js, który ntains konfiguracja w taki sposób, że robi dla web.config witryny .net internetowej:

configuration.js:

var configuration = { 
    apiurl: 'http://myserver/api/', 
    someOtherSetting: 'my-value' 
}; 

dobrze, może albo napisać tę konfigurację do swojej strony jako javascript lub odnośnik do skryptu lub scalić i zminimalizować do wspólnego pliku. Stanie się częścią twojego procesu wdrażania.

następnie użyć go jak każdy obiekt JS:

var request = $.ajax({ 
    url: configuration.apiurl, 
    type: 'GET', 
    cache: false, 
    dataType: 'json' 
}); 

Albo jakiś wariant.

Answer 2

Jasne, użyj w widoku:

@ConfigurationManager.AppSettings["serverPath"] 

Za przejazdem do zewnętrznego js plik potrzebny funkcji, aby mieć parametr i wywołać ją za pośrednictwem widzenia:

<script type="text/javascript"> 
    getData('@ConfigurationManager.AppSettings["serverPath"]'); 
</script> 

When plik js ma coś takiego:

function getData(path) { 
    var request = $.ajax({ 
     url: path, 
     type: 'GET', 
     cache: false, 
     dataType: 'json' 
    }); 

    return request; 
} 

Answer 3

Spróbuj tego:

var request = $.ajax({ 
    url: '@(ConfigurationManager.AppSettings["serverPath"])', 
    type: 'GET', 
    cache: false, 
    dataType: 'json' 
    }); 

Answer 4

Najlepiej, byś odczytać wartość w kontrolerze:

var serverPath = ConfigurationManager.AppSettings.Get("serverPath"); 

Następnie ustaw właściwość widoku modelu z tą wartością

myViewModel.ServerPath = serverPath; 
return View(myViewModel); 

I widok po prostu karmić go do JS:

var request = $.ajax({ 
    url: '@(Model.ServerPath)', 
    type: 'GET', 
    cache: false, 
    dataType: 'json' 
    }); 

Answer 5

Można to zrobić dla ASP.NET MVC4 Razor ten sposób:

@{ 
    var apiBaseUrl = ConfigurationManager.AppSettings.Get("ApiBaseUrl"); 
} 

<script type="text/javascript"> 
    $(document).ready(function() { 

     var request = $.ajax({ 
      url: '@apiBaseUrl/cases', 
      type: 'GET', 
      cache: false, 
      dataType: 'json' 
     }); 

    }); 
</script>