Ajax無法獲取內容

-1

我是ajax的新手。這是我正在編譯的簡單代碼。我不知道爲什麼它無法獲取文件的內容。Ajax無法獲取內容

這裏是我的代碼： -

<!DOCTYPE html> 
<html> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
<script> 
$(document).ready(function(){ 
    $("button").click(function(){ 
     $.ajax({url:"text.txt", success: function(result){ 
      $("#div1").html(result); 
     }}).fail(function() { 
       alert('Failed to get the content'); 
     }); 

    }); 
}); 
</script> 
</head> 
<body> 

<div id="div1"><h2>Ajax</h2></div> 

<button>Get Content</button> 

</body> 
</html>

請有人告訴我在哪裏，我錯了。

提前提示。

UPDATE： - 經過一些試驗和錯誤，我得到了預期的結果。我遺漏了dataType:"text" 數據類型的聲明現在代碼運行正常。

來源

2016-02-05 abhillier

錯誤在控制檯？ –

是'text.txt'的URL？ – Trix

你需要充分描述你的問題。失敗功能是否運行？控制檯中的開發人員工具是否存在錯誤？您是否可以在開發人員工具的「網絡」選項卡中看到請求和響應？ – Quentin

你的文件位於何處？確保你的html頁面有相同的位置有text.txt文件。

來源

2016-02-05 12:48:41

請不要發表評論作爲答案，而應該回答問題以獲得足夠的評論 – mplungjan

-1

嘗試錯誤處理是這樣的：

$(document).ready(function() { 
    $("button").click(function() { 
    $.ajax({ 
     url: "text.txt", 
     success: function(result) { 

     $("#div1").html(result); 

     }, 
     error: function(xhr, ajaxOptions, thrownError) { 
     alert(xhr.status); 
     alert(thrownError); 
     } 
    }); 
    }); 
});

而是採用fail

來源

2016-02-05 12:55:59

你的代碼完美地工作，如果包含jQuery代碼和文件──test.txt文件兩個文件位於同一文件夾中。

來源

2016-02-05 13:15:26

是啊都在同一個文件夾中 – abhillier

Ajax無法獲取內容

回答

相關問題