使用c＃jquery仅显示数组中的前10条记录

Question

的Index.aspx

$(document).ready(function () {

        $.ajax({
            type: "POST",
            url: "Index.aspx/GetData",
            data: "{}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            async: true,
            cache: false,
            success: function (msg) {

                $.each(msg.d, function (index, value) {
                    $('#myDiv').html(value.Email);
                });


            }
        })
        return false;
    });

Index.aspx.cs

[WebMethod]

        public static IEnumerable<TemperatureEntity> GetData()
        {
         //return array data

  

我遍历了数组，希望以电子邮件，电话号码等html的表格格式显示它。      

Answer 1

如果您想在客户端执行此操作，请检查slice() jQuery函数

您应该修改您的代码如下：

var slicedData = msg.d.slice(0, 10);
$.each(slicedData, function (index, value) {
                    var html = $('#myDiv').html();
                    html += value.Email;
                    html += value.PhoneNumber;
                    $('#myDiv').html(html + '<br />');
                });

但是如果您可以在服务器端修改结果数组 - 使用Linq方法Take(10)在服务器端执行此操作;