0

您好，我是 AJAX 和 MVC 的新手。我正在尝试从 MVC 中的 WebAPi 应用程序接收数据，以使用带有 AJAx 的 Jquery 进行页面，但我遇到的问题是页面没有更新数据，但是当我检查 Visual Studio 的输出时，我发现它接收良好并给出 HTTP 状态200 "OK" 但页面没有数据显示

这是页面的代码

@{
    ViewBag.Title = "Index";
    <script src="~/Scripts/jquery-ui-1.8.24.min.js">

    </script>
}


    <script type="text/javascript">
        $(document).ready(function ()
        {
            $.ajax(
                {
                    type:'GET',
                    url: 'http://localhost:45624/api/Vehicles/',
                    datatype:'json',
                    sucess: function(data){
                        $.each(data, function (index,element) {
                            $("#grid").append("<tr><td>" + element.Maker + "</td><td>" + element.Model + "</td><td>"
                                + element.BodyType + "</td><td>" + element.Drivers + "</td><td>"
                                + element.AquisitionDate + "</td><td>" +
                                "<tr>");
                        });
            }
}


                );
        });
    </script>


<h2>All Companies</h2>

<table id="#grid"><tr>
    <td>Maker</td><td>Model</td><td>Body Type</td><td>Drivers</td>
    <td>AqusitionDate</td><td>Images</td><td>Schedules</td><td>Maintenances</td>

       </tr>

   </table>

我尝试使用警报，但当我尝试使用 Google Chrome 并添加错误选项时什么也没有我需要刷新 3 次才能得到错误我正在使用 IE10 进行调试

4

1 回答 1

0

知道了！

每次我写一些 jquery ajax 代码时，我总是仔细检查我的拼写。

他们已经评论了这id="#grid"件事，但$.ajax没有一个名为 的成员sucess。并且datatype应该是dataType。您现在应该注意到 Javascript 区分大小写。

替换sucess为success和。datatype_ dataType您的代码应如下所示：

   $(document).ready(function ()
    {
        $.ajax(
            {
                type:'GET',
                url: 'http://localhost:45624/api/Vehicles/',
                dataType:'json',
                success: function(data){
                    $.each(data, function (index,element) {
                        $("#grid").append("<tr><td>" + element.Maker + "</td><td>" + element.Model + "</td><td>"
                            + element.BodyType + "</td><td>" + element.Drivers + "</td><td>"
                            + element.AquisitionDate + "</td><td>" +
                            "<tr>");
                    });
              }
          });
    });

Brotip：http://localhost:45624/api/Vehicles/可以写成@Url("Vehicles", "api")我想的那样。我不记得哪个是正确的：@Url("Vehicles", "api")或@Url("api", "Vehicles")。总有一天你会用到它，试着写这个。

于 2013-05-05T04:57:13.653 回答