使用Ajax实现产品排序功能时产品无法排序，该如何排查代码问题

可能的问题及排查方向： #

• 首先检查请求是否真的成功执行：你当前的代码仅配置了success回调，没有捕获请求异常。可在AJAX配置中新增error回调，查看是否存在4xx/5xx类的服务端错误、跨域错误等导致请求没有正常返回：

$.ajax({
  url: url,
  method: 'POST',
  data: {
    sort: sort,
    url: url
  },
  success: function(data) {
    $('.filter_raffles').html(data);
    console.log(sort, url);
  },
  // 新增错误回调
  error: function(xhr, errInfo) {
    console.log('请求异常：', errInfo, xhr.responseText);
  }
})

• 检查后端参数接收与排序逻辑：打开浏览器控制台的「网络」面板，找到该POST请求，确认请求载荷中sort参数的值和你打印的一致；之后去服务端代码中打印接收到的sort参数，验证参数是否正常传递到后端，再检查排序逻辑是否和传入的sort值匹配，是否存在字段名拼写错误、排序条件写反的问题。
• 验证返回内容是否符合预期：在success回调中打印返回的data值，确认返回的HTML内容本身已经是排序后的产品列表，如果返回内容顺序就不对，问题完全出在服务端逻辑，和前端代码无关。
• 检查DOM替换是否正确：确认页面中class="filter_raffles"的元素唯一，且是你要更新的产品列表容器；同时排查是否存在其他JS逻辑在你AJAX请求完成后，再次对该容器内容进行了覆盖重写。
• 排除缓存干扰：可在请求的data中新增一个随机时间戳参数，避免服务端或浏览器缓存返回旧的未排序内容：

data: {
  sort: sort,
  url: url,
  _t: new Date().getTime()
}

内容的提问来源于stack exchange，提问作者hushhush