javascript - 如何记住 JQuery 中的变量以便下次 AJAX 加载？

Question

我通过 Jquery AJAX 加载数据集为

$(function(){
 $('#next').submit(function(e){
 e.preventDefault();
 var form = $(this);
 var page = form.attr("action")
  $.ajax({
   type: 'POST',
   url: page, 
   success: function(html){
   $("#results").append(html);
   }
  });
 });
});

该表单是一个带有action="load.php?page=2"的按钮。

当按下表单的提交按钮时，它将从load.php?page=2加载数据。我如何记住此操作以在下次单击时从 load.php?page=3 加载数据？并阅读后续页面？

事实上，我想引入一个新变量，因为每次点击时页码都会增加。

Answer 1

我将使用正则表达式从 action 属性末尾分割数字，并将 success 处理程序中的 action 替换为增加页码。

我还将 b.attr("action") 行更改为 form.attr("action") 因为我认为这是您的拼写错误版本。如果不保留该行的原始版本:)

$(function(){
    $("#next").submit(function(e){
        e.preventDefault();

        var form = $(this),
            page = form.attr("action"),
            page_nr = (/\d+$/.exec(page) || ["2"])[0];

        $.ajax({
            type: 'POST',
            url: page, 
            success: function(html){
                form.attr("action", page.substring(0, (page.length - page_nr.length)) + (+page_nr + 1));
                $("#results").append(html);
            }
        });
    });
});

示例:http://jsfiddle.net/WfrU7/