使用Jquery ajax在Controller中调用ActionResult方法并返回数据

Question

我试图了解Jquery Ajax方法的工作原理.现在,我在控制器中调用ActionResult方法时会遇到一些问题,该方法将返回PartialView.

创建了一个按钮,我将使用该按钮从服务器获取新数据(应运行Ajax调用)

代码:( Home控制器中的ActionResult)

public ActionResult All()
    {
        List<Student> model = db.Students.ToList();

        return PartialView("_Student", model);
    }

当我在主索引视图中按下按钮时,我正试图调用此方法.

代码:(索引视图)

<div class="row">
<div class="small-12 column sbw-travel">
    <h2>Travel</h2>

    <div class="row">
        <div class="small-12 columns">
            <button id="button1" class="sbw-travel-button">Search</button>
        </div>
    </div>

    <div class="small-12 sbw-travel-box" id="rooms">

    </div>
</div>
</div>

当用户点击按钮时,应该运行Ajax调用,列表将显示在id = rooms的部分中.

脚本:( Ajax代码)

 $(document).ready(function () {
    $('#button1').click(function () {
        $.ajax({
            type: 'GET',
            url: @Url.Action("All", "Home"),
            datatype: "html",
            success: function () { 
                $('#rooms').html(???);
            }
        });
        return false;
    });
});

你们中的任何人都可以看到我是否已经忘记了一些像我所描述的那样运行的东西？

Answer 1

结果是成功事件.尝试:

$(document).ready(function () {
$('#button1').click(function () {
    $.ajax({
        type: 'GET',
        url: @Url.Action("All", "Home"),
        datatype: "html",
        success: function (data) { 
            $('#rooms').html(data);
        }
    });
    return false;
}); });