如何传递 id 以从 api 获取数据

Question

我有 api 控制器 public string GetCountries(int id){} 我还有 ajax 脚本

<script>
        $(document).ready(function () {
            var id = $(this).attr('href');
            $("#xid").click(function () {
              $.ajax({

                    type: "GET",
                    dataType: "json",
                    url: "/api/Sports/GetCountries/" +  id,
                    success: function (data) {
                        obj = JSON.parse(data);
                        alert(data);

                            for (var i = 0; i < data.length; i++) {

                                $("#getCountry").append("<a href=" + obj[i].Id + ">" + obj[i].Name + "</>" + "<br/>");
                            }

                    }
                });
            });

        });
    </script>

我的观点是这样的

<div style="float:left">
    <div ng-app="" ng-controller="biloKojiKontroler">
        <table class="tg">
            <tr ng-repeat="x in biloKojeIme">
                <th>
                <a href="#" id="xid" value="{{x.id}}">{{x.name}}</a>


               </th>

            </tr>
        </table>
    </div>
</div>

我想单击锚标记以从我的 api 控制器获取数据，但是当我单击它时将我重定向到另一个页面。

Answer 1

您在错误的位置获取 link 的 href，它应该在点击处理程序中。
您已将 dataType 设置为 json，因此成功回调中的 data 参数已被解析。

如何传递 id 以从 api 获取数据

How to pass id to get data from api

asp.net-mvc

jquery

angularjs