Lỗi Header không đọc được XMLHttpRequest trong ajax

[PinkP7996]

Chào mọi người em mới học ajax nên có lỗi nhưng mò cả buỗi lên mạng mò các kiểu nhưng vẫn không khắc phục được lỗi
“No ‘Access-Control-Allow-Origin’ header is present on the requested resource” mọi người giúp em khắc phục lỗi này với e cảm ơn mọi người.

    <script>
    function loadDoc(){
      var xuLyHTTP = new XMLHttpRequest()
      console.log(xuLyHTTP)
      xuLyHTTP.onreadystatechange = function(){}
      xuLyHTTP.open("GET", "https://www.w3schools.com/js/cd_catalog.xml")
      xuLyHTTP.send()
      }
    </script>

[Console (HSHS)]

Đọc lỗi thì thấy localhost là bên thứ 3 không có quyền truy cập vào api đó. Bạn tự tạo 1 api để test thử xem sao,
Nếu paste code đó vào w3school thì nó sẽ nhận

[PinkP7996]

vâng dữ liệu trên máy thì làm bình thường, e muốn thử trực tiếp get luôn file nhưng lỗi e cảm ơn a

[Lovemagic]

bạn tham khảo bài này

Hỏi về fetch trong javascript?

fetch("http://tratu.soha.vn/dict/en_vn/Manipulate", myInit).then(function(response){ return response.text(); }).then(function(response){ console.log(respone); }).catch(function(err){ console.log("lỗi "+ err); }); em viết như này để get html từ một đường link mà nó bị block ?