Не удается получить jQuery метод ajax для работы

Question

У меня есть 2 html-файла с именем host.html и test.html Я пробовал так сильно, но я не могу загрузить файл test.html в качестве содержимого mydiv в хосте. html Я пробовал:

$("#myDiv").load("test.html"); 

но он терпит неудачу; то я попробовал использовать следующий метод ajax для получения файла:

$.ajax({ 
    type: "GET", 
    url: "test.html", 
    error: function (xhr, statusText) { alert("Error: " + statusText); }, 
    success: function (msg) { alert("Success: " + msg); } 
}); 

Но, к сожалению, я всегда нахожу ошибку! Оба хоста.html и test.html включены в одни и те же папки! Что я делаю не так?! Пожалуйста, помогите

Приветствия!

Answer 1

Цитируя это: Origin null is not allowed by Access-Control-Allow-Origin

Origin нуль является локальной файловой системы, так что говорит о том, что вы загружаете страницу HTML, которая делает вызов нагрузки через файл: /// URL (например, только дважды щелкнув его в локальном файловом браузере или аналогичном). Различные браузеры применяют разные подходы к применению одной и той же исходной политики к локальным файлам.

Я предполагаю, что вы видите это с помощью Chrome. Правила Chrome для применения SOP к локальным файлам очень жесткие, он запрещает даже загрузку файлов из того же каталога, что и документ. Так же и Opera. Некоторые другие браузеры, такие как Firefox, допускают ограниченный доступ к локальным файлам. Но в принципе, использование ajax с локальными ресурсами не будет работать в кросс-браузере.

Если вы просто проверяете что-то локально, что вы действительно будете развертывать в Интернете, а не использовать локальные файлы, установите простой веб-сервер и протестируйте с помощью URL http: //. Это дает вам более точную картину безопасности.