简单的php ajax分页，如何获取请求url

更新2 18.05.2020

（AJAX）刷新+window.history.replaceState+window.history.pushState+location.pathname时的URL分页

刷新后

pagination2.php

$(document).ready(function(){ 
      load_data(1);   
      function load_data(page)  
      {          
        $('#load_data').html('<div id="status" style="" ></div>');
        var action = 'pagination2';
        $.ajax({
                url:"pagination2.php",  
                method:"POST", 
                data:{page:page}, 
                complete: function(){
                    alert(this.url)
                },
                success: function(data){  
                     $('#load_data').html(data);
                }, 
           })  
      }  

      $(document).on('click', '.pagination_link', function(event) 
        {
            event.preventDefault();  
            var page = $(this).attr("id"); 
            load_data(page);
            return event.preventDefault();
      });
 }); 

echo "<span class='pagination_link' style='cursor:pointer;' id='".$i."'>".$i."</span>"; 

echo“$i”；

更新1 我添加了：history.pushState，但我不知道这个方法是否正确。我可以操纵next-back/selected=2，selected=3。。。但是，在“刷新选定项”消失后，会出现另一个问题

$（文档）.ready（函数（）{
加载_数据（1）；
功能加载\u数据（第页）
{   
$（'load#u data'）.html（''）；
var action='pagination2'；
$.ajax({
url:“pagination2.php”，
方法：“张贴”，
错误：函数（xhr，文本）{
警报（“哎呀！请求新内容失败”）；
}, 
数据：{page:page}，
成功：函数（数据）{
$（'load#u data'）.html（数据）；
}, 
})  
}  
$（文档）。在（'单击'，'上。分页\链接'，函数（事件）分页
{
event.preventDefault（）；
var page=$（this.attr（“id”）；
加载_数据（第页）；
history.pushState（{page}，`Selected:${page}`，`./Selected=${page}`）
return event.preventDefault（）；
});
window.addEventListener（'popstate'，e=>{
var page=$（this.attr（“id”）；
加载_数据（如状态页）；
log（'popstate error！'）；
});
replaceState（{page:null}，'默认状态'，'./'）；
}); 

pagination2.php/page=2,3,4对您有什么期望？这看起来不正确@Nico Haase示例：当我在第5页时，我转到产品详细信息，之后我不在第5页，我在第1页：）工作示例

https://tysonlighting.com/lighting/?&paged=2

@Nico Haase我不知道这是ajax还是history.pushstate你对pagination2.php/page=2,3,4有什么期待？这看起来不正确@Nico Haase示例：当我在第5页时，我转到产品详细信息，之后我不在第5页，我在第1页：）工作示例

https://tysonlighting.com/lighting/?&paged=2

@Nico Haase我不知道这是ajax还是history.pushState

echo "<span class='pagination_link' style='cursor:pointer;' id='".$i."'>".$i."</span>"; 

$(document).ready(function(){ 

      load_data(1);  
      function load_data(page)   
      {   
        $('#load_data').html('<div id="status" style="" ></div>');
        var action = 'pagination2';
        $.ajax({

                url:"pagination2.php",  
                method:"POST",
                error: function(xhr, text){
                alert("Whoops! The request for new content failed");
                     }, 
                data:{page:page},  
                success:function(data){  
                     $('#load_data').html(data);
                }, 
           })  
      }  


      $(document).on('click', '.pagination_link', function(event) pagination
        {
            event.preventDefault(); 
            var page = $(this).attr("id"); 
            load_data(page);
            history.pushState({page}, `Selected: ${page}`, `./selected=${page}`)
            return event.preventDefault();
      });

            window.addEventListener('popstate', e => {
            var page = $(this).attr("id");
            load_data(e.state.page);
            console.log('popstate error!');
    });
        history.replaceState({page: null}, 'Default state', './');
 });