Url.Content for javascript

Question

Tôi hiện đang sử dụng phương pháp này để có được URI tương đối chính xác (độc lập với tình huống triển khai). đang Razor (asp.net MVC 3):

@section JavaScript 
{ 
    <script type="text/javascript"> 
     var _getUrl = "@Url.Content("~/bla/di/bla")"; 
    </script> 
} 

riêng js file:

$.ajax({ 
    url: _getUrl, 

Bạn có nghĩ đó là một cách tiếp cận tốt hơn?

Answer 1

Cá nhân tôi thích sử dụng HTML5 đĩa dữ liệu * thuộc tính hoặc bao gồm URL là một phần của một số DOM yếu tố mà tôi không phô trương AJAXify.

Điều này là bạn không bao giờ viết các cuộc gọi $.ajax bay vòng quanh như vậy. Bạn viết chúng tương ứng với một số sự kiện DOM. Ví dụ như nhấp vào một neo. Trong trường hợp này nó tầm thường, bạn chỉ cần sử dụng một helper HTML để tạo neo này:

@Html.ActionLink("click me", "someAction", "somecontroller", new { id = "123" }, new { @class = "link" }) 

và sau đó:

$('.link').click(function() { 
    $.ajax({ 
     url: this.href, 
     type: 'GET', 
     success: function(result) { 
      ... 
     } 

    }); 
    return false; 
}); 

hoặc có thể bạn đang AJAXifying một hình thức:

@using (Html.BeginForm("SomeAction", "SomeController", FormMethod.Post, new { id = "myForm" })) 
{ 
    ... 
} 

và sau đó:

$('#myForm').submit(function() { 
    $.ajax({ 
     url: this.action, 
     type: this.method, 
     data: $(this).serialize(), 
     success: function(result) { 
      ... 
     } 
    }); 
    return false; 
}); 

An ví dụ khác là sử dụng các thuộc tính data- * của HTML5 khi một url thích hợp không có sẵn trên phần tử DOM tương ứng. Giả sử bạn muốn gọi một hành động điều khiển với AJAX khi lựa chọn một thay đổi thả xuống. Hãy suy nghĩ ví dụ về các tầng xếp chồng.

Sau đây là cách thả xuống của bạn có thể trông giống như:

@Html.DropDownListFor(x => x.SelectedValue, Model.Values, new { id = "myDdl", data_url = Url.Action("SomeAction") }) 

và sau đó:

$('#myDdl').change(function() { 
    var url = $(this).data('url'); 
    var selectedValue = $(this).val(); 
    $.getJSON(url, { id: selectedValue }, function(result) { 
     ... 
    }); 
}); 

Như bạn có thể thấy bạn không thực sự cần _getUrl biến javascript toàn cầu này mà bạn khai báo trong của bạn lượt xem.

Answer 2

tôi sẽ làm như sau:

Razor C# kịch bản trước Javascript

@{ 
    var myUrlString = Url.Action("ActionName", new { controller="ControllerName" }); 
} 

Javascript

$.ajax('@myUrlString',{ 
    // options 
}); 

Bạn cũng có thể sử dụng Url.RouteUrl hoặc Url.HttpRouteUrl.

EDIT - hiển thị ví dụ với tập tin JS tách

Razor tập tin

@{ 
    var myServerGeneratedValue = Url.Action("ActionName", new{controller="ControllerName"}); 
} 
<script type="text/javascript"> 
    var myHelperObject = new MyHelperObject(); 
    myHelperObject.Init('@myServerGeneratedValue'); 
</script> 

JS

var MyHelperObject = function(){ 

    this.Init = function(serverGeneratedValue){ 
     // do something with serverGeneratedValue 
    }; 

};