Javascript 在ajax json中合并分页

我有一个ajax json在一个div中检索所有查询结果。但我不确定如何引入分页

<script>
        $(document).ready(function () {
            var hdnIds = document.getElementById('<%= HiddenField1.ClientID %>').value;

            $.ajax({
                type: "POST",
                url: "WebService1.asmx/GetEmployees",
                data: "{userid: " + JSON.stringify(hdnIds) + " }",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (list) {
                    $("#Something").append("<ul id='bullets' class='ul1'></ul>");
                    for (i = 0; i < list.d.length; i++) {
                        $("#bullets").append("<li class='li1'>"
                            + "<div style='float:left; width:20%'>"
                            + "<img  id='image' src='Handler3.ashx?id=" + list.d[i].id + "' />"
                            + "<p style='margin-left:2px; position:relative;color:DodgerBlue;font-size:small; font-style:bold'>" + list.d[i].UserName + "</p>"
                            + "<p style='margin-left:2px; position:relative;color:DodgerBlue;font-size:small'>" + list.d[i].Created_on + "</p>"
                            + "</div>"
                            + "<div style='float:left; width:80%'>"
                            + "<p class='p11'>" + list.d[i].Statusmes + "</p>"
                            + "</div>"                        
                            + "</li>");
                    } 
                },
                error: function (e) {
                    $("#Something").html("There was an error retrieving records");
                }
            });
        });
    </script>

$（文档）.ready（函数（）{
var hdnIds=document.getElementById（“”）.value；
$.ajax({
类型：“POST”，
url:“WebService1.asmx/GetEmployees”，
数据：“{userid:”+JSON.stringify（hdnIds）+“}”，
contentType:“应用程序/json；字符集=utf-8”，
数据类型：“json”，
成功：功能（列表）{
$（“#某物”）.append（“”；
对于（i=0；i）
+ ""
+ ""
+“
”+list.d[i]。用户名+”
”
+“
”+list.d[i]。在+”上创建“
”
+ ""
+ ""
+“
”+list.d[i].Statusmes+”
”
+ ""                        
+“”；
} 
},
错误：函数（e）{
$（“#某物”）.html（“检索记录时出错”）；
}
});
});

和html作为

 <div id="Something"></div>

---

任何帮助都将不胜感激

如果我正确理解了这个问题，您已经知道了append，这是您所需要的，但是您需要将所有ID更改为类，因为将有多个ID。然后，将所有要附加的html放在一个字符串中，只需附加该html即可

HTML:
<div id = "parent">
    <div class = "Something"></div>
</div>


JAVASCRIPT (replace to the success AJAX call):
var htmlList = "<div class = "Something"><ul class='bullets ul1'>";                    

for (i = 0; i < list.d.length; i++) {
    htmlList += "<li class='li1'>"
    + "<div style='float:left; width:20%'>"
    + "<img  id='image' src='Handler3.ashx?id=" + list.d[i].id + "' />"
    + "<p style='margin-left:2px; position:relative;color:DodgerBlue;font-size:small; font-style:bold'>" + list.d[i].UserName + "</p>"
    + "<p style='margin-left:2px; position:relative;color:DodgerBlue;font-size:small'>" + list.d[i].Created_on + "</p>"
    + "</div>"
    + "<div style='float:left; width:80%'>"
    + "<p class='p11'>" + list.d[i].Statusmes + "</p>"
    + "</div>"                        
    + "</li>");
} 

htmlList += "</ul></div>";

$("#parent").append(htmlList);

HTML：
JAVASCRIPT（替换为成功的AJAX调用）：
var htmlist=“
”；
对于（i=0；i”
+ ""
+ ""
+“
”+list.d[i]。用户名+”
”
+“
”+list.d[i]。在+”上创建“
”
+ ""
+ ""
+“
”+list.d[i].Statusmes+”
”
+ ""                        
+“”；
} 
htmlList+=“
”；
$（“#父项”）.append（htmlist）；

首先，我会阅读javascript模板。有很多库允许您从JS代码中删除臃肿的html代码，以便更容易管理。类似这样的内容：

之后，您应该将分页的责任放在服务器端，并让JS/Ajax处理检索数据集的调用。例如：

//server side
var start = request.params.start //retrieve start index for data set
var limit = request.params.limit //retrieve max number of data set size

return db.Model.find({start: start, limit: limit, ...})


//client side JS/Ajax

//load first page 0-9
$.ajax({
  url: '/my/data/url',
  params: {
    start: 0, //start at first record in db
    limit: 10 //only return 10 results
  }
}).success(function(data) {
   //render data set using template
   $.template('#my-data-template', data).renderTo('#someDiv');
});

//load second page 10-19
$.ajax({
  url: '/my/data/url',
  params: {
    start: 10, //start at nth record in db
    limit: 10 //only return 10 results
  }
}).success(function(data) {
   //render data set using template
   $.template('#my-data-template', data).renderTo('#someDiv');
});

---

你说的分页是什么意思？是否希望将每个AJAX请求放在单独的div/块中？是的。没错！谢谢你的快速回复。对不起，我正确地解释了我的问题。我不太熟悉jquery ajax和json。我试图实现每页10个结果，并让用户根据需要导航到其他页面。这个答案与分页无关。是否没有其他直接的解决方案？我正在尝试实现类似于facebook的东西，类似于twitter的自动分页。我想显示前10个结果和“加载更多”结果选项卡，以显示下一组记录，依此类推。然而，我之所以使用ajax json数据，是因为我找不到部署此功能的方法。根据提供的信息，这是我能提出的最直接的解决方案。如何实现这一点取决于您。使用javascript处理按钮点击事件并应用上面介绍的代码，可以轻松实现无限滚动（一个la Twitter）或加载更多选项。我只是对开始/限制选项进行了硬编码，以帮助您理解这一点，但在实际实现中，这将更加动态。