@model IEnumerable<AjaxPaging.Models.Person>
@{
    var page = (int)ViewData["page"];
    var total = (int)ViewData["total"];
}
Criteria:
<input id="criteria" type="text" value="@ViewData["criteria"]" onblur="javascript:OnCriteria(1, true);" />
<input id="lastedCriteria" type="hidden"  value="@ViewData["criteria"]" />
<div style="margin: 1.5em;">
    <table border="1" cellspacing="3" cellpadding="5">
        <tr>
            <th>
                Id
            </th>
            <th>
                Name
            </th>
        </tr>
        @foreach (var item in Model)
        {
            <tr>
                <td>
                    @item.Id
                </td>
                <td>
                    @item.Name
                </td>
            </tr>
        }
    </table>
</div>
<div style="margin: 1.5em;">
    @if (page > 1)
    {
        <a href="#" onclick="javascript:OnCriteria(@(page - 1), false);">Previous</a>
    }
    &nbsp;@ViewData["page"]
    of
    @total
    pages&nbsp;
    @if (page < total)
    {
        <a href="#" onclick="javascript:OnCriteria(@(page + 1), false);">Next</a>
    }
</div>