Ajax URL'si için C # işlevini .csHtmlkullanan bir javascript işlevine sahip bir -razor dosyam var @Url.Content.
Bu işlevi .jsbenim görüşümden referans verilen bir dosyaya taşımak istiyorum .

Sorun şu ki, javascript @sembolü "bilmiyor" ve C # kodunu ayrıştırmıyor. Dosyalara "@" simgeli görünümden
başvurmanın bir yolu var mı .js?

HTML5 data-*özelliklerini kullanabilirsiniz . Bir div gibi bir DOM öğesi tıklandığında bir eylem gerçekleştirmek istediğinizi varsayalım. Yani:

<div id="foo" data-url="@Url.Content("~/foobar")">Click me</div>

ve daha sonra, ayrı javascript dosyanızda DOM ile göze çarpmadan çalışabilirsiniz:

$('#foo').click(function() {
    var url = $(this).data('url');
    // do something with this url
});

Bu şekilde, javascript dosyalarınızda herhangi bir sunucu tarafı etiketine ihtiyaç duymadan, biçimlendirme ve komut dosyası arasında saf bir ayrım yapabilirsiniz.

Nuget'te bunu yapan bir jilet motoru buldum! Anlam @sözdizimini çözer !
Adı RazorJS .

Nuget paketi

2016 Güncellemesi:
Paket 5 yıldır güncellenmedi ve proje sitesi bağlantısı kesildi. İnsanlara artık bu kütüphaneyi kullanmalarını önermiyorum.

Tek yönSorunu çözmenin şudur:

Görünüme javascript işlevleriyle kısmi bir görünüm ekleme.
Bu şekilde @sembolü kullanabilirsiniz ve tüm javascriptişlevleriniz görünümden ayrılır.

İki seçeneğiniz var:

• Değeri parametre olarak kullanın işlevde ve görünümde bağlantı kurun
• Bir ad alanı oluşturun (JS'de kötü uygulama olarak kabul edilen genel düzey değişkeni yerine) ve bu değeri sayfanın en üstünde ayarlayın ve ardından js'nizde kullanın

Örneğin:

 var MyCompany = 
 {
   MyProject: {
                  MyVariable:""
               }
  };

Ve sonra kendi görüşünüze göre ayarlayın:

MyCompany.MyProject.MyVariable = @....

GÜNCELLEME

Kaplin yüzünden hiçbirinin iyi olmadığını merak edebilirsiniz, bu doğru, js ve görüntüyü birleştiriyorsunuz. Bu nedenle komut dosyalarının çalıştıkları konumdan habersiz olmaları gerekir, bu nedenle bu, dosyaların optimum olmayan bir şekilde düzenlenmesinin bir belirtisidir.

Her neyse, bir görünüm motoru oluşturmak ve js dosyalarını jilete karşı çalıştırmak ve sonuçları geri göndermek için üçüncü bir seçenek var. Bu daha temizdir ancak çok daha yavaştır, bu nedenle de önerilmez.

@Değişkeni .js dosyanıza almak için genel bir değişken kullanmanız ve bu değişkenin değerini, o .js dosyasından yararlanan mvc görünümünden ayarlamanız gerekir.

JavaScript dosyası:

var myValue;

function myFunc() {
  alert(myValue);
}

MVC Görünüm dosyası:

<script language="text/javascript">
    myValue = @myValueFromModel;
</script>

Görünüm tarafından değer ayarlandıktan SONRA işlevinize yapılan tüm çağrıların gerçekleştiğinden emin olun.

Muhtemelen bu doğru yaklaşım değildir. Endişelerin ayrılması düşünülüyor. Bir olmalıdır data injectorsenin üzerinde JavaScriptsınıf ve verilerdir çoğu durumda olanJSON .

scriptKlasörünüzde bir JS dosyası oluşturun ve bu referansıView

<script src="@Url.Content("~/Scripts/yourJsFile.js")" type="text/javascript"></script>

Şimdi, JavaScriptsizin için gerçek bir sınıf düşünün yourJsFile.js:

var contentSetter = {
    allData: {},
    loadData: function (data) {
        contentSetter.allData = eval('(' + data + ')');
    },
    setContentA: function () {
        $("#contentA").html(allData.contentAData);
    },
    setContentB: function () {
        $("#contentB").html(allData.contentAData);
    }
};

Ayrıca bir sınıf ilan edin

public class ContentData
{
    public string ContentDataA { get; set }
    public string ContentDataB { get; set }
}

Şimdi, sizden şunu yapın Action:

public ActionResult Index() {
    var contentData = new ContentData();
    contentData.ContentDataA = "Hello";
    contentData.ContentDataB = "World";
    ViewData.Add("contentData", contentData);
}

Ve size göre:

<div id="contentA"></div>
<div id="contentB"></div>

<script type="text/javascript">
    contentSetter.loadData('@Json.Encode((ContentData) ViewData["contentData"])');
    contentSetter.setContentA();
    contentSetter.setContentB();
</script>

Kısa süre önce bu konu hakkında blog yazdım: Kısmi Razor Görünümlerini Kullanarak Harici JavaScript Dosyaları Oluşturma .

Benim çözümüm, ExternalJavaScriptFileAttributekısmi bir Razor görünümünü olduğu gibi oluşturan ve ardından onu çevreleyen <script>etiketler olmadan döndüren özel bir öznitelik ( ) kullanmaktır . Bu, onu geçerli bir harici JavaScript dosyası yapar.

Genellikle işlevlerde model özelliklerine erişime ihtiyaç duyan JS'yi sararım ve ardından görünümde @something'i geçiririm. Örneğin

<script type="text/javascript">
function MyFunction(somethingPresentInTheView) {
  alert(somethingPresentInTheView);
}
</script>

görünümde işlev çağrısı ekliyorum (sadece bir örnek):

<input type='button' onclick="MyFunction('@Model.PropertyNeeded')" />

Sanırım bu JS kodunu Görünüm'e koymak zorunda kaldığınızı düşünüyorum. Razor ayrıştırıcısı, bildiğim kadarıyla, .js dosyalarına bakmayacaktır, bu nedenle kullandığınız hiçbir şey @çalışmayacaktır. PLus, sizin de fark ettiğiniz gibi, Javascript bu @karakterin sebepsiz yere ortalıkta dolaşmasından hoşlanmıyor , mesela bir dizede.