(VB) 通过 javascript 传递带有 Url.Action 的文本框值

Question

在 VB 中，我正在开发一个 MVC 项目。我有一个文本框来输入一些搜索条件，旁边有一个按钮，按下后将提交文本框的值。 html片段：

<input type="text" id="mySearchField" /> 
<button onclick="location.href='@Url.Action("Search", "Movies", New   RouteValueDictionary(New With {.searchCriteria = document.getElementById('mySearchField') }))'">Search</button>

我的问题围绕着最后一部分：

 New RouteValueDictionary(New With {.searchCriteria = document.getElementById('mySearchField') }))'"

上面的代码不起作用或无法编译，但这是我对我正在尝试做的事情的一般想法。

我想将文本框的值传递给电影/搜索功能，但是我不知道如何格式化该行以同时混合 html、asp 和 javascript。

为了清楚起见，我的 VB 函数：

    Function Search(searchCriteria As String) As ActionResult

        Return View()
    End Function

非常感谢任何建议！

Answer 1

这应该非常接近。这有 jQuery 作为先决条件。为了使其可维护（您可以这样做，也可以不这样做），我会使用 NewtonSoft.Json 将 URL 正确序列化为 Javascript，并对文本框值进行 url 编码。

<input type="text" id="mySearchField" /> 
<button id=myButton>Search</button>

<script>
     var url = '@Html.Raw(Url.Action("Search", "Movies"))';
     $("#myButton").click(function(){
         location.href = url + '?searchCriteria=' + $("#mySearchField").val()
     });
</script>