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

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

所以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。

我該怎麼做？

來源

2014-09-27 Laci K

只是什麼'jQuery IAS'？ – charlietfl 2014-09-27 15:26:29

jQuery Infinite Ajax Scroll – 2014-09-27 15:28:59

如果使用插件，那麼可以說有成千上萬的插件。很難讓人們認識到你正在使用的那個，更不用說當你爲它創建一個未知的縮寫 – charlietfl 2014-09-27 15:40:13

是如

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

來源

2014-09-27 15:26:46 kharr1027

感謝ajax部分現在工作，並且數據返回下一頁html，但是當我做find（）部分時，它返回一個空對象，如果它沒有找到元素，但如果我console.log（數據）我看到我試圖找到的元素 – 2014-09-27 15:50:43

對不起，我用'＃'而不是'''現在它的工作。再次感謝。 – 2014-09-27 15:58:57

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

回答

相關問題