0

こんにちは、AJAX と MVC は初めてです。AJAx で Jquery を使用して MVC の WebAPI アプリからページへのデータを受信しようとしていますが、ページがデータを更新していないという問題がありますが、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で置き換えます。コードは次のようになります。successdatatypedataType

   $(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 に答える