Seeking assistance on creating a search field to find users within my system. The idea is to input the user's name into the field, then use an Ajax function to pass that name from the search field to a method in the controller. This method will return an enumerable list of all users with the same name. When passing the user ID, everything works flawlessly as it expects an integer value. However, when passing a string (the user's name), issues arise. How can I correctly pass the user's name to the controller using Ajax?
Below are the view tags:
<div class="form-group">
<label asp-for="ResearchAuthor.ApplicationUserId" class="control-label"></label>
<input id="user" asp-for="ResearchAuthor.ApplicationUserId" class="form-control" asp-items="ViewBag.ApplicationUserId" />
<a id="srch" class="btn btn-success">Search</a>
</div>
<select id="add" asp-for="ResearchAuthor.ApplicationUserId" class="form-control" asp-items="ViewBag.ApplicationUserId">
<option>Select User</option>
</select>
Ajax code snippet:
<script>
$("#add").empty();
$(document).ready(function () {
$("#srch").click(function () {
$("#add").empty();
$("#add").append($('<option>', { text: "Select Article Type" }));
var useroptions = {};
useroptions.url = "/@CultureInfo.CurrentCulture.Name/ResearchAuthors/GetUsers/";
useroptions.data = JSON.stringify($("#user").val());
useroptions.success = function (data) {
$.each(data, function (index, row) {
$("#add").append($('<option>', { value: row.value, text: row.text }))
});
};
useroptions.error = function () { alert("An Error Occurred"); };
$.ajax(useroptions);
});
});
</script>
The corresponding function in the controller:
[AllowAnonymous]
public JsonResult GetUsers(string SearchString)
{
var users = new SelectList(_context.ApplicationUsers.Where(u=>u.ArName==SearchString), "Id", "ArName");
return Json(users);
}