使用load（）在另一个Ajax调用中查询一个Ajax调用

Question

我有以下代码，我知道这是什么问题，但我不知道如何解决。基本上，我有一个ajax调用，成功之后，我想使用.load()进行另一个ajax调用。问题是，在第二个ajax调用中，我没有从第一个调用中得到结果。我必须使用Promise吗？

$('select[name="product-pagination"]').change(function(e) {
  e.preventDefault();
  // $( this ).closest( 'form.search' ).submit();
  var select = $(this);
  var form = select.closest('form.search');
  $('.products-container').addClass('loading');
  $.ajax({
    type: 'POST',
    url: form.attr('action'),
    data: form.serialize(),
    success: function(response, textStatus, jqXHR) {
      if (textStatus === 'success') {
        $('.products-container').removeClass('loading');
        $('#products-container-inner').load(window.location.href + ' #products-container-inner > *', '');
      }
    }
  });
});