Question

我想用php和mysql做一个AJAX分页，所以当我点击一个链接比我想获得下一页DOM没有重新加载页面而在那个DOM中找到我需要附加到当前的元素页。我现在jQuery IAS做到这一点，但我有一个三列设计，我只需要一个下一个按钮，onclick根据其父类将数据附加到aproppriate col中，IAS无法处理树col布局。

基本上是这样的：

$('a.button').click(function(){
  var url = $('a.next').attr('href');
  $.ajax({
    type: 'GET', //or POST i don't know which one
    data: url, //or should this be the url: ?
    success: function(data){
      //data should be the DOM of the second page
      $html = $(data);
      $html.find('.col1 .child').appendTo('.col1');
      $html.find('.col2 .child').appendTo('.col3');
      $html.find('.col3 .child').appendTo('.col3');
    }
  });
  return false;
});

显然这并不起作用我只是把它放在这里使我的问题不可用。

我该怎么做？

Answer 1

是的，它将是可变的URL，例如

    $('a.button').onclick(function(){
  var url = $('a.next').attr('href');
  $.ajax({
    type: 'GET', //or POST i don't know which one
    url: url, //or should this be the url: ?
    success: function(data){
      //data should be the DOM of the second page
      $html = $(data);
      $html.find('.col1 .child').appendTo('.col1');
      $html.find('.col2 .child').appendTo('.col3');
      $html.find('.col3 .child').appendTo('.col3');
    }
  });
  return false;
});

使用data参数将键值对的对象传递给接收端。

data: {key1: value1 , key2: value2}

jQuery AJAX onclick获取指定URL的DOM

1 个答案: