javascript - 如何在 Razor 语法中使用 JavaScript

Question

我需要在 Razor 语法中使用 JavaScript。这是我的 JavaScript 函数。我需要获取我的元素 ID，并基于此，我尝试从模型的图像列表中获取图像 URK。

<script>
    function pickThisPicture(element) {
        var id = element.id;
        document.getElementById("big-picture").src = "@Url.Content(Model.Images[id].Url)";
    }
</script>

如何将发送到函数的元素 ID 放入 Model.Images 对象？

我尝试过类似的方法，但没有成功:

document.getElementById("big-picture").src = "@Url.Content(Model.Images[@:id].Url)";
document.getElementById("big-picture").src = "@Url.Content(Model.Images[<text>id</text>].Url)";

谢谢。

Answer 1

你无法做你正在尝试的事情。请记住，Razor 代码在页面加载时在服务器上运行。页面完成渲染后，Javascript 在客户端加载。您不能简单地调用服务器代码，这取决于客户端代码的结果。

为了使用仅在运行时已知的值进行服务器调用，您必须使用某种 AJAX 调用。