Основы MVC - параметр ввода контроллера

Question

Я новичок, изучая пример текстового поля Autocomplete. То, что я не понимаю, находится в функции «AutoCompleteHelper» в моем контроллере, вход должен быть назван «term». Если я назову его чем-то другим, например «mystr» или «reqstr», то во время отладки он всегда будет говорить, что вход «null». Я не определял «термин» где-либо еще в моих .js и .cshtml. Я фактически назвал его name = "q" в .cshtml файле. Что заставляет меня использовать название «термин»?

код контроллера:

string[] txtlst = {"ActionScript", "AppleScript", 
     "Asp", "BASIC", "C", "C++", "Clojure", 
     "COBOL", "ColdFusion", "Erlang", "Fortran", 
     "Groovy", "Haskell", "Java", "JavaScript", 
     "Lisp", "Perl", "PHP", "Python", "Ruby", "Scala", "Scheme"}; 

public JsonResult AutoCompleteHelper(string term) { 
      if (!Request.IsAjaxRequest()) return null; 
      var lst = txtlst.Where(s => s.StartsWith(term)).ToList(); 
      var res = lst.Select(x => new { value = x, label = x }); 
      return Json(res, JsonRequestBehavior.AllowGet); 
     } 

.js код:

$("input[data-autocomplete-source]").each(function() { 
     $(this).autocomplete({ source: $(this).attr("data-autocomplete-source") }); 
    }); 
}); 

.cshtml код:

<p>Auto Complete Example</p> 
<input type="text" name="q" data-autocomplete-source="@Url.Action("AutoCompleteHelper", "Home")" /> 

ли я с видом/то недоразумение? Я не понимаю, почему я исправлен, чтобы использовать термин «term» в качестве моего имени параметра.

Answer 1

Автозаполнение делает вызов AJAX для извлечения данных и использует имя term в строке запроса, например. AutoCompleteHelper?term=Brainfuck.

Структура MVC автоматически сопоставляет строку запроса и формирует контент с параметрами в методе действий, поэтому при вызове метода значение из строки с именем term используется для параметра term.

Answer 2

Почему бы не сделать это в чистом JS и дать дорогу более бегло опыт? В основном это статично:

var txtlst = [ "ActionScript", "AppleScript", 
       "Asp", "BASIC", "C", "C++", "Clojure", 
       "COBOL", "ColdFusion", "Erlang", "Fortran", 
       "Groovy", "Haskell", "Java", "JavaScript", 
       "Lisp", "Perl", "PHP", "Python", "Ruby", 
       "Scala", "Scheme"]; 

$("input[data-autocomplete-source]").each(function() { 
    $(this).autocomplete({ source: txtlst }); 
});