استدعاء محتوى ملف نصي بلغة جافاسكريبت

هناك مجموعة متنوعة من الأساليب التي يمكن اتباعها لحل نفس المشكلة Javascript Read Text File From Url. 

const xhttp = new XMLHttpRequest();
xhttp.onload = function() {
    document.getElementById("demo").innerHTML = this.responseText;
}
xhttp.open("GET", "https://domain.com/file.txt");
xhttp.send();

 أو باستخدام fetch 

// أنشئ متغيرًا يسمى المحتوى يحتوي على المحتوى من https: // URL / file
fetch("https://URL/file").then((r)=>{r.text().then((d)=>{let CONTENT = d})})

ثم يمكنك قراءة الملف وعرضه على القسم الذي تريده في html

يمكنك فعل ذلك بأكثر من طريقة أفضل طريقة بالنسبة لي هي أستخدام مكتبة Axios.

فالبداية نقوم بأستدعاء مكتبة Axios CDN في ملف HTML من كما في الأسفل.

<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.2/axios.min.js"></script>

ثم نكتب الكود التي في ملف JavaScript.

 function getTextFileFromUrl(fileUrl){
    axios({
        method: 'get',
        url: fileUrl, // هنا رابط الملف 
      }).then(function(response){
        let text = response.data;
        document.getElementById('text').innerText = text; // هنا نقوم بوضع محتوي المبف في الحاوية التي اسمها test
});
 }

وهذا كود ملف HTML.

<div id="text"></div> 

<button onclick='getTextFileFromUrl("https://domain.com/file.txt")'>get text file</button>

<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.2/axios.min.js"></script>
<script src="./main.js"></script>