我无法将我的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);
      }
   });