jQuery Ajax-使用分页刷新DIV中的数据

jQuery Ajax-使用分页刷新DIV中的数据,jquery,ajax,Jquery,Ajax,我需要关于刷新DIV中数据的帮助。我有一个DIV,它加载以表格格式填充数据的ajax页面。当用户搜索CompanyName时,它会触发并刷新DIV中的数据,并且工作正常。但是,ajax页面有分页(上一页|下一页…)。如果用户单击上一个|下一个链接,它将跳转到Ajax页面 是否有任何Jquery或Ajax技巧可以在DIV中使用来自Ajax的结果数据反馈执行分页?就像用户点击来自ajax数据的链接(在Div中),它只刷新ajax数据而不跳转到实际的ajax页面 jQuery代码: $('#Compa

我需要关于刷新DIV中数据的帮助。我有一个DIV,它加载以表格格式填充数据的ajax页面。当用户搜索CompanyName时,它会触发并刷新DIV中的数据,并且工作正常。但是,ajax页面有分页(上一页|下一页…)。如果用户单击上一个|下一个链接,它将跳转到Ajax页面

是否有任何Jquery或Ajax技巧可以在DIV中使用来自Ajax的结果数据反馈执行分页?就像用户点击来自ajax数据的链接(在Div中),它只刷新ajax数据而不跳转到实际的ajax页面

jQuery代码:

$('#CompanyName').on('keypress', function(e) {
    if (e.keyCode == 13)
    {
        //alert("Found");
        e.preventDefault();
        $.ajax({
            method: 'post',
            data: $('#form1').serialize(),              
            url: 'ajaxPurchaseRequestList.asp',
            success: function(res) {
                $('#ResultTest').html(res); 
            }

        });
    }
});
我的Ajax页面中的ASP代码。这基本上显示了上一个|下一个链接,当单击链接时,它将发送带有“?pagenum=x”的URL

如果abspage=1,则
回复。写“上一页”
其他的
响应。写入“”
如果结束
Response.write“|”
如果abspage

谢谢,

尝试将分页HTML移动到UI(即您的JavaScript)。然后使用jQuery处理单击事件。每次单击都是一个单独的Ajax调用,传入请求的页码。此外,我建议ajaxPurchaseRequestList.asp脚本返回JSON而不是HTML。除了要序列化的公司名称之外,它还应该接受页码。我希望这有帮助。但我会评估你是否真的需要分页。我假设这是一个自动完成的问题?谢谢你的回复。我确实需要分页。基本上,过滤结果可能有几千条记录。我是jQuery新手,请您给我一些您上面描述的方法的示例代码好吗?因为答案太宽泛,我无法提供一个示例。我还得用谷歌做例子。但是,您是否考虑过只返回最接近的匹配,并且最多返回给定的最大值,可能是前10或前50个匹配?也许归还数千张唱片太多了。我试图帮助你从不同的角度看待这个问题。你可以寻找jQuery自动完成插件,它可以帮助你简化用户界面。过滤小于100的匹配项对我来说不是一个选择。例如,我有30000家公司,用户可以键入“Net”将匹配1000多条记录。我只是在寻找如何通过分页在ajax中刷新结果的解决方案,但对ajax并不十分熟悉。我会做更多的研究。无论如何,谢谢你。
If abspage = 1 Then
  Response.write "<span style=""color:silver;"">Previous Page</span>"
Else
  Response.write "<a href=""" & Request.ServerVariables("SCRIPT_NAME") & "?pagenum=" & abspage - 1 & """>Previous Page</a>"
End if
Response.write "&nbsp;|&nbsp;"

If abspage < pagecnt then
  Response.write "<a href=""" & Request.servervariables("SCRIPT_NAME") & "?pagenum=" & abspage + 1 & """>Next Page</a>"
Else