我無法將我的Ajax $ .get轉換為$ .ajax

Question

我嘗試轉換一個我不理解的ajax函數。 這里是原始功能：

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

我想將其轉換為更具可讀性（使用$ .ajax），因此我可以清楚地看到事件成功，依此類推。

這是我嘗試過的方法，但是不起作用

$.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')
},

感謝您的幫助和您的解釋

Answer 1

問題是因為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文檔 。

Answer 2

嘗試這個：

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

我認為data屬性用於POST請求有效負載。

Answer 3

您應該觸發成功回調事件，因此請嘗試以下操作：

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