Json GET没有在弹出窗口中显示细节

Question

我试图用Json显示每个学生的详细信息，我认为它不会进入ajax部分。

当我id时，它会显示url和console.log()，但是我收到了ajax部分的错误消息

我不知道遗失了什么或问题在哪里？

这是我的 html链接

@Html.ActionLink("Details", "StudentDetails", new { id = item.ID }, new { @class = "modalDetails", @id = item.ID  })

脚本

<script type="text/javascript">
    $(function () {
        $(".modalDetails").click(function (e) {

            e.preventDefault();         //stop the default action upon click

            var id = $(this).attr('id');
            console.log(id);
            var url = $(this).attr("href");
            console.log(url);

            $.ajax({
                type: 'GET',
                data: { id: id },
                dataType: "json",
                url: url,
                success: function (data) {
                    $(".modalDetails").append('<span> First Name: ' + data.firstName + '</span></br>');
                    console.log("success");
                }                
            });

            $('#myModal').modal('show');        // show the modal pop up    
        });
    });
</script>

StudentController

public JsonResult StudentDetails(int id)
        {
            Student student = studentRepository.GetStudentByID(id);

            var json = new{
                firstName = student.FirstMidName
            };

            return Json(json, JsonRequestBehavior.AllowGet);
        }

Answer 1

一切都很好，除了我需要构建解决方案并append详细信息到modal-body。有时它只是一个简单的修复。