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

时间:2014-06-03 19:08:12

标签: jquery ajax

我需要帮助刷新DIV中的数据。我有DIV加载ajax页面,以页格式填充数据。当用户搜索CompanyName时,它会触发并刷新DIV中的数据,并且工作正常。但是,ajax页面有分页(Previous | Next ...)。如果用户单击Previous | Next链接,它将跳转到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。

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

谢谢,

0 个答案:

没有答案