jQuery AJAX加載。（）方法不適合我，我做錯了什麼？

-1

我想使用load（）方法將文本從.txt文件加載到HTML文檔中，但在代碼中找不到問題。文本文件與我的html文檔一起在桌面上。這裏是我的代碼：jQuery AJAX加載。（）方法不適合我，我做錯了什麼？

HTML：

 <script> 
      $(document).ready(function(){ 
       $('#nav1').click(function(){ 
        $('#target').load('textfile.txt'); 
       }); 
      }); 
     </script> 

    </head> 

    <body> 
     <a href="#" id="nav1"> Load Button </a> 
     <div id="target"></div> 
    </body> 

</html>

所有我在「TextFile.txt的」如下：

<h1> Heading 1 </h1> 
<p> Some paragraph text. </p>

來源

2016-07-19 Nicola Daaboul

where'content'id –

$（'＃target'）。load（'textfile.txt'）; –

嘗試一下ARUN說的話，如果這樣不能解決問題，你能指定一下你在嘗試這個時遇到的錯誤嗎？ – ComputerLocus

嘗試下面的代碼，您需要防止點擊事件
使用e.preventDfeault()

 <body> 
      <script> 
       $(document).ready(function(){ 
        $('#nav1').click(function(e){ 
         e.preventDefault() 
         $('#content').load('textfile.txt'); 
        }); 
       }); 
      </script> 

      <a href="#" id="nav1"> Load Button </a> 
      <div id="content"></div> 
     </body>

注意你需要使用一臺服務器時，你正在做的AJAX

來源

2016-07-19 04:49:10 madalinivascu

因此，如果我在Node.Js中設置服務器，它應該工作？ –

是的，它應該或Apache服務器，任何Web服務器 – madalinivascu

嘿@Nicola Daaboul試試這個：

<html>  
    <head> 
     <script> 
     function loadDoc() { 
        var xhttp = new XMLHttpRequest(); 
        xhttp.onreadystatechange = function() { 
        if (xhttp.readyState == 4 && xhttp.status == 200) { 
        document.getElementById("demo").innerHTML = xhttp.responseText; 
        } 
        }; 
        xhttp.open("GET", "textfile.txt", true); 
        xhttp.send(); 
       } 
     </script> 

    </head> 

    <body> 

     <a href="#" onclick="loadDoc()"> Load Button </a> 
     <div id="demo"></div> 
    </body> 
</html>

其實你的點擊（）不工作的狀態。所以它可以通過上面的代碼完成，它一定會爲你工作。

來源

2016-07-19 04:56:48

爲什麼當你只使用香草JavaScript加載jquery？ – madalinivascu

是的，對不起，我忘了刪除（Y） –

只是在這裏檢查http://www.w3schools.com/ajax/default.asp –

我測試了你的代碼，它工作得很好。有一些常見的錯誤可能是因爲你無法獲得你的代碼，工作。因此，請確保您已完成以下工作：

jQuery文件包含在函數包裝之前。
確保textfile.txt位於您的腳本所在的同一目錄中。如果不是，請指定正確的路徑。
仔細檢查是否沒有其他編號爲nav1和 target的元素。

當使用js文件時，總是參考開發人員工具的控制檯選項卡，您可能會自己找到解決方案。

來源

2016-07-19 05:32:54

jQuery AJAX加載。（）方法不適合我，我做錯了什麼？

回答

相關問題