如何防止 Html.RenderAction 方法被識別為 javascript 中的 html 代碼？

Question

我正在嘗試在下拉菜單的 onChange 事件上使用 javascript 將 Render.Action 添加到 Html 。 但是在 javascript 中編寫 @{Html.RenderAction} 時，它被視為 html 代碼而不是 javascript 代碼，並且也在腳本觸發之前執行。

我希望 javascript 中的 @{Html.RenderAction} 僅為 javascript 代碼，然后在添加到 Html 時按預期工作。

有任何想法嗎？

html：

<select id="Categories-Dropdown">
    <option value="1" selected="selected">- Select Category -</option>
    <option value="2">Option 1</option>
    <option value="3">Option 2</option>
    <option value="4">Option 3</option>
    <option value="5">Option 4</option>

</select>

javascript：

function changed() {
        var ID = document.createElement("div");
        ID.innerHTML = '@{Html.RenderAction("RenderCategories", "ScannableNotes");}' // This is the problem
}

Answer 1

這就是我要做到這一點，

首先不是在 JS 中渲染，而是將它放在 html 中一個不可見的 div 中：

<div class="js-scannable-notes" style="display: none;">
    @Html.Action("RenderCategories", "ScannableNotes")
</div>

然后從 JS 中讀取該 div 的內容：

function changed() {
    var html = document.querySelector('.js-scannable-notes').innerHTML;
    // use your html here as you see fit
}