2017-05-10 41 views
1

我嘗試轉換一個我不明白的ajax函數。這裏原有的功能:

$.get(page, function (data) { 
    $('.former-students__list').append(data.student 
    $('#load-more').data('next-page', data.next_page); 
}) 

我想將它轉換爲使其更具可讀性(以$阿賈克斯),這樣我就可以清楚地看到事件的成功,等等。

這裏是我試過,但它不工作

$.ajax({ 
url: page, 
data: function (data) { 
    $('.former-students__list').append(data.students); 
    $('#load-more').data('next-page', data.next_page); 
} 
'success': 'Cool, it's work') 
}, 

感謝您對您的幫助和解釋

回答

2

問題是因爲data參數應該是一個對象,一個字符串或你用來向發送數據到服務器的數組。但是,鑑於您的$.get樣本,您根本不需要在$.ajax中使用它。

取而代之的是,success屬性應該是一個從請求中接收數據然後對其執行操作的函數。試試這個:

$.ajax({ 
    url: page, 
    success: function(data) { 
    $('.former-students__list').append(data.students); 
    $('#load-more').data('next-page', data.next_page); 
    }) 
}); 

欲瞭解更多信息,請閱讀jQuery $.ajax documentation

+0

哦,是的,我明白了,謝謝大家! – Jeremy

1

試試這個:

$.ajax({ 
url: page, 
success: function (data) { 
    $('.former-students__list').append(data.students); 
    $('#load-more').data('next-page', data.next_page); 
} 
}) 

我覺得data屬性是POST請求的有效載荷。

1

你應該火成功回調事件所以試試這個:

$.ajax({ 
     url: page, 
     success: function(data) { 
     $('.former-students__list').append(data.students); 
     $('#load`enter code here`-more').data('next-page', data.next_page); 
     } 
    });