jQuery的AJAX onclick獲取指定的URL的網址

Question

我想做一個AJAX分頁與PHP和MySQL，所以當我點擊一個鏈接比我想獲得下一頁DOM沒有重新加載頁面，並在該DOM找到我需要添加到當前頁面的元素。 我現在說，jQuery IAS做到這一點，但我有一個三角設計，我只需要一個下一個按鈕，onclick將數據添加到aproppriate col基於其父類和IAS無法處理樹col佈局。

所以basicly是這樣的：

$('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; 
}); 

顯然，這並不工作，我只是把它放在這裏，使我的問題undersandable。

我該怎麼做？

Answer 1

是如

$('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: {key1: value1 , key2: value2}