javascript - (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>