jQuery的AJAX方法不是從W3C學校 <a href="http://www.w3schools.com/jquery/ajax_ajax.asp" rel="nofollow">http://www.w3schools.com/jquery/ajax_ajax.asp</a></p> <p>加載文本文件

我學習jQuery的阿賈克斯（）我在同一個文件夾一個HTML文件，1個文本文件（「demo_test.txt」）。點擊按鈕。 HTML應該加載文本文件：jQuery的AJAX方法不是從W3C學校 <a href="http://www.w3schools.com/jquery/ajax_ajax.asp" rel="nofollow">http://www.w3schools.com/jquery/ajax_ajax.asp</a></p> <p>加載文本文件

這裏是代碼：

<!DOCTYPE html> 
<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> 
</script> 
<script> 
$(document).ready(function(){ 
    $("button").click(function(){ 
    $.ajax({url:"demo_test.txt",success:function(result){ 
     $("#div1").html(result); 
    }}); 
    }); 
}); 
</script> 
</head> 
<body> 

<div id="div1"><h2>Let jQuery AJAX Change This Text</h2></div> 
<button>Get External Content</button> 

</body> 
</html>

文本文件只具有數據「這是文本文件」。

但有些如何不起作用。其他類似的文章沒有這種情況..是否有任何問題放置文本文件的物理？請建議

來源

2014-02-17 Neeraj Verma

嘗試添加dataType：「text」，（在url：「demo_test.txt」之後） – LorDex

您沒有重定向。你只是加載demo_test.txt的內容並顯示它。 –

我編輯了主題和內容 –

您正在瀏覽器中顯示txt文件，但當您在頁面回發時單擊按鈕時，您的文本文件內容不會顯示在頁面上，因此您只需限制回發頁面即可。所以你只是改變javascript如下

<script language="javascript" type="text/javascript"> 
    $(document).ready(function() { 
     $("button").click(function() { 
      $.ajax({ url: "demo_test.txt", 
       success: function (result) { 
        $("#div1").html(result); 
       }, 
       error: function (abc) { 
        alert(abc.statusText); 
       }, 
       cache:false 
      }); 
      return false; 
     }); 
    }); 
</script>

來源

2014-02-17 16:07:28

仍然無法正常工作，我將其替換爲您的腳本..i在fiefox中用螢火蟲進行調試..它指向返回錯誤 –

請更改在答案中更新的腳本並檢查。如果您收到「找不到」，那麼您的txt文件無法找到。 –

我的文本文件是「demo_test.txt」。並且它在html文件所在的同一個文件夾中。我也嘗試將url：「demo_test.txt」更改爲url：「./ demo_test.txt」...但仍然沒有運氣...我認爲它不是從路徑採取文本文件.. –

我終於似乎得到它的工作。這裏是工作腳本

$("button").click(function(){ 
    $.ajax({url:"http://localhost/demo_test.txt",success:function(result){ 
     $("#div1").html(result); 
    }}); 
    });

解決方法：將html文件和文本文件放在本地服務器（IIS）新網站上。

來源

2014-02-19 06:55:57

jQuery的AJAX方法不是從W3C學校 <a href="http://www.w3schools.com/jquery/ajax_ajax.asp" rel="nofollow">http://www.w3schools.com/jquery/ajax_ajax.asp</a></p> <p>加載文本文件

回答

相關問題