从 JQuery Autocomplete 插件将参数传递给 ASP.Net MVC2 Action

Question

我使用以下代码将 2 个硬编码参数传递给 ASP.Net MVC2 控制器操作：

<script type="text/javascript">
    $(document).ready(function () {
        $("form#search_for_entity_user input#term").autocomplete({
            source: '<%= Url.Action("GetEntitySharedUsers", "Search") %>',
            delay: 200,
            minLength: 3,
            select: function (event, ui) {
                $.post('<%= Url.Action("AddSharedUser", "Entity", new { id = "42", snlid="17394" }) %>',
                function (data) { })
            }
        });
    });
</script>

这工作正常，但现在我需要更改 $.post 中传入的值以来自我的模型，所以我在想一些事情就像下面的代码一样，但这不起作用。关于如何解决这个问题有什么想法吗？

<script type="text/javascript">
    $(document).ready(function () {
        $("form#search_for_entity_user input#term").autocomplete({
            source: '<%= Url.Action("GetEntitySharedUsers", "Search") %>',
            delay: 200,
            minLength: 3,
            select: function (event, ui) {
                $.post('<%= Url.Action("AddSharedUser", "Entity", new { id = '<%= Model.EntityId  %>', name= '<%= Model.Name  %>' }) %>',
                function (data) { })
            }
        });
    });
</script>

Answer 1

这个怎么样？

<script type="text/javascript">
    $(document).ready(function () {
        $("form#search_for_entity_user input#term").autocomplete({
            source: '<%= Url.Action("GetEntitySharedUsers", "Search") %>',
            delay: 200,
            minLength: 3,
            select: function (event, ui) {
                $.post('<%= Url.Action("AddSharedUser", "Entity", new { id = Model.EntityId, name = Model.Name }) %>',
                function (data) { })
            }
        });
    });
</script>

不过，如果是我，我会提取该数据，使其更具语义：

<input id="term" data-source-url="<%= Url.Action("GetEntitySharedUsers", "Search") %>" data-select-url="<%= Url.Action("AddSharedUser", "Entity", new { id = Model.EntityId, name = Model.Name }) %>" />

<script type="text/javascript">
    $(document).ready(function () {
        var term = $("form#search_for_entity_user input#term");

        term.autocomplete({
            source: term.data('source-url'),
            delay: 200,
            minLength: 3,
            select: function (event, ui) {
                $.post(term.data('select-url'), function (data) { });
            }
        });
    });
</script>