ASP.NET MVC - 在 table 内部 Jquery ajax 调用中显示数据

Question

我有一个带有文本框和搜索按钮的网络表单，当用户输入搜索词并单击搜索按钮时想要获取用户列表并显示在 table 中，应该有一个 select 每行的按钮。

  <div id="panelStudentResults" class="panel panel-primary" style="display:none">
        <div class="panel-heading">
            <h3 class="panel-title">Student Results</h3>
        </div>
        <div class="panel-body">
            <div class="form-group">
               
            </div>

        </div>
       
    </div>
<script type="text/javascript"> 
    $('#searchStudent').click(function () {
        var name = $('#Name').val();
        var url = "/StudentAdmin/GetStudents";
        alert(name);
        $.get(url, { SearchTerm: name }, function (data) {
            $("#panelStudentResults").show();
            //$("#rData").html(data);
        });
    })
</script>

        public List<Student> GetStudents(string SearchTerm)
        {
            List<Student> studentsList = new List<Student>();
            studentsList.Add(new Student { Id = 1, Name = "John"});
            studentsList.Add(new Student { Id = 2, Name = "Ricky"});
            studentsList.Add(new Student { Id = 3, Name = "Deo"});
            studentsList.Add(new Student { Id = 4, Name = "Len" });
            return studentsList.Where(student => student.Name.StartsWith(SearchTerm)).ToList();
        }

Answer 1

您可以从操作中为 table 和 return 创建一个 PartialView。
使用 $("#panelStudentResults").load 以附加 returned.

的 html

ASP.NET MVC - 在 table 内部 Jquery ajax 调用中显示数据

ASP.NET MVC - Displaying data in a table inside Jquery ajax call

asp.net-mvc

grid

jquery