Bagaimana untuk Menentukan Akar Aplikasi dalam JavaScript untuk Aplikasi ASP.NET MVC?

Menentukan Akar Aplikasi dalam JavaScript

Dalam pembangunan web, JavaScript selalunya diperlukan untuk mengakses akar atau URL asas aplikasi. Dalam aplikasi ASP.NET MVC, akar aplikasi mungkin berbeza-beza bergantung pada penggunaan.

Masalah:

Jika JavaScript merujuk URL seperti "/jobs/GetIndex" dalam kod itu, ia mungkin tidak berfungsi dengan betul apabila aplikasi digunakan pada subfolder seperti "Pekerjaan." Ini kerana URL akan memutuskan kepada "http://site/jobs/GetIndex" dan bukannya "http://site/jobs/jobs/GetIndex."

Penyelesaian 1: Penggunaan Laluan Mutlak Slash Hadapan

Penyelesaian mudah ialah menambah garis miring ke hadapan ("/") pada permulaan URL. Ini memastikan bahawa URL diselesaikan secara relatif kepada akar aplikasi. Contohnya:

var urlToJobIndex2= "/jobs/GetIndex";

Penyelesaian 2: Pembolehubah JavaScript Ruang Nama

Untuk pendekatan yang lebih dinamik, cipta ruang nama JavaScript dan tetapkan URL akar aplikasi kepada pembolehubah. Kemudian, apabila anda perlu membina URL lain, anda boleh menambahkannya pada URL asas.

Dalam paparan Razor anda, gunakan kaedah pembantu Url.Content untuk menjana URL asas dan tetapkan ia kepada pembolehubah ruang nama. Pastikan anda menggunakan ruang nama JavaScript untuk mengelakkan konflik dengan pembolehubah global:

<script>
    var myApp = myApp || {};  
    myApp.Urls = myApp.Urls || {};
    myApp.Urls.baseUrl = '@Url.Content("~")';
</script>

Dalam fail JavaScript anda, anda boleh mengakses URL asas:

var urlToJobIndex= myApp.Urls.jobIndexUrl;

Anda juga boleh menggabungkan URL asas dengan laluan tambahan untuk membuat URL lain. Contohnya:

var urlToJobIndex2= myApp.Urls.baseUrl+"jobs/GetIndex";

Atas ialah kandungan terperinci Bagaimana untuk Menentukan Akar Aplikasi dalam JavaScript untuk Aplikasi ASP.NET MVC?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!