2014-09-30 16 views
0
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代碼,而我在叫'workOne.html?confTot=5678'這樣我就可以用這個Ajax代碼把它在./ajax/文件夾中的文件。但是當我在Chrome DevTools中運行代碼時,即使我在ajax文件夾中使用適當和相同的名稱存在此文件,ajax調用也無法GET html文件'ajax/workOne.html?confTot=5678'。我如何能夠訪問我感興趣的特定html。先謝謝您的專業知識!獲得通過與數據參數AJAX在HTML文件中的目標HTML

+1

我認爲這是我在一篇文章中看到的最「ajax」。我們不能只說「HTTP請求」嗎?請? – 2014-09-30 18:20:52

回答

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); 
     } 
    }); 
    }