通過帶有目標html中的data參數的ajax獲取html文件

Question

 var testAjax = {
  init: function(){
    $('#query').on('click', '#starter', this.loadAjax);
  },

  loadAjax: function (){
    $.ajax('ajax/workOne.html', {
      success: function(response){
        $('#answer').children('h3').html(response);
      },
      data: {
        'confTot': 5678
      }
    });
  }
};

testAjax.init();

因此，我有了這個重構的Ajax代碼，並且在./ajax/文件夾中有一個名為'workOne.html?confTot=5678'這樣我就可以通過此Ajax代碼將其'workOne.html?confTot=5678' 。 但是，當我在Chrome DevTools中運行代碼時，即使我確實在ajax文件夾中使用相同且相同的名稱保存了該文件，但ajax調用無法GET html文件'ajax/workOne.html?confTot=5678' 。 我將如何訪問我感興趣的特定html。感謝您的專業知識！

Answer 1

大多數Web服務器希望將查詢參數（“？”之后的所有內容）都視為動態信息，以供Web應用程序使用。 出於靜態資源（如html文件）的目的，它們只是忽略問號后的所有內容。

換句話說，您的Web服務器可能正在尋找一個名為workOne.html的文件，而沒有找到它。 因為您處理的是靜態資源而不是動態資源，所以我建議您不要嘗試使用jQuery動態添加數據，而只使用包含數字的URL路徑和文件結構。 例如，將您的html放在./ajax/workOne/5678.html然后說：

  loadAjax: function (){
    $.ajax('ajax/workOne/5678.html', {
      success: function(response){
        $('#answer').children('h3').html(response);
      }
    });
  }