Javascript json数据未显示在html中

我试图显示url中的数据，它是json格式的。我的ajax代码如下所示

function loadMore(url) {
            alert(url);
             $.ajax({
              dataType: "json",
              url: url,
              data: data,
              success: function (data) {
                    alert(data);
                    var table = document.getElementById("claimList");
                    for (var i=0; i < data.length; i++) {

                        var row = table.insertRow(-1);
                        var cell1 = row.insertCell(0);
                        var cell2 = row.insertCell(1);
                        var cell3 = row.insertCell(2);
                        cell3.style.width = '25px';

                        // Add some text to the new cells:
                        cell1.innerHTML = '<td><a href="../institutedetails?businessId={{ data.businessId }}">{{ data.displayName }}</a></td>';
                        cell2.innerHTML = '<td>{{ data.businessAddress }}</td>';
                        cell3.innerHTML = '<td>{{ data.businessLocation }}</td>';
                    }


               },
              error: function (request, error) {
                    console.log(arguments);
                    alert(" Can't load more because " + error);
                },
            });
        }

函数加载更多（url）{
警报（url）；
$.ajax({
数据类型：“json”，
url:url，
数据：数据，
成功：功能（数据）{
警报（数据）；
var table=document.getElementById（“claimList”）；
对于（变量i=0；i

html代码如下所示

<div class="row row-centered">
        <div class="col-md-10 col-md-offset-1">
            <div class="col-md-12">
                <div class="table-responsive">
                    <table class="table table-bordered table-hover table-striped tablesorter" id="claimList">
                        <thead>
                            <tr>
                                <th class="header"> Institute Name <i class="icon-sort"></i></th>
                                <th class="header"> Address <i class="icon-sort"></i></th>
                                <th class="header"> Location <i class="icon-sort"></i></th>
                            </tr>
                        </thead>
                        <tbody>
                        {% for key in data %}
                            <tr>
                                <td><a href="../institutedetails?businessId={{ key.businessId }}">{{ key.displayName }}</a></td>
                                <td>{{ key.businessAddress }}</td>
                                <td>{{ key.businessLocation }}</td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                    <ul class="pager">
                        <li class="next"><button class="btn btn-default" name="load_more" id="load_more" onclick="loadMore('{{ nextPage }}');">Load More</button></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

机构名称
地址
位置
{数据%中的键为%1}
{{key.businessAddress}}
{{key.businessLocation}}
{%endfor%}

加载更多

---

数据是json格式的，它来自url，但我不知道如何通过ajax显示数据

这并不表明实际调用了

loadMore

。@plantheidea

loadMore

是在单击按钮时调用的，您已经验证过了吗？数据是否正在被接收？（我在那里看到了

警报

）该警报也不起作用哪个警报（有两个警报，一个是在单击按钮时发出的，另一个是在应该加载数据时发出的）？这并不表明实际调用了

加载更多

。@plantheidea

加载更多

是在单击按钮时调用的，您已经验证了吗？数据是否正在被接收？（我在那里看到

警报

）该警报也不起作用哪个警报（有两个警报，一个是在单击按钮时发出的，另一个是在应该加载数据时发出的）？