Получение данных JSON из внешнего файла с использованием jQuery Ajax, не работающего в Chrome и Internet Explorer

Question

Я пытаюсь получить данные JSON из внешнего текстового файла, используя запрос GET.Код работает в Firefox, но не работает в Chrome и Internet Explorer.

Код JavaScript:

$(document).ready(function() {
    $.ajax({
        type: "GET",
        url: "ajax/test.txt",
        dataType: "json",
        cache: false,
        contentType: "application/json",
        success: function(data) {
            //alert("Success");
            $.each(data.dashboard, function(i,post){
                 $('#slider ul').append('<li><a href="'+post.TargetUrl+'" target="'+post.Target+'"><img src="' + post.ImageUrl + '" title="' + post.OverlayText +'" /></a></li>');
            });
            handleSuccess();
        },
        error: function(xhr, status, error) {
            alert(xhr.status);
        }
    });
});

Данные JSON в текстовом файле

{
    dashboard: [
    {
        "ImageUrl": "images/01.jpg",
        "OverlayText": "demo image 1",
        "TargetUrl": "http://lkamal.com.np",
        "Target": "_blank",
        "Timer ": 2000
    },
    {
        "ImageUrl": "images/02.jpg",
        "OverlayText": "demo image 2",
        "TargetUrl": "http://lkamal.com.np",
        "Target": "_blank",
        "Timer ": 2000
    }
    ]
}

Answer 1

решение проблемы с Chrome заключается в том, что при локальном доступе к вашему сценарию вы должны указать полный путь в виде URL. поэтому вместо emaple / test.txt вы должны указать D: //username/file/test.txt (убедитесь, что вы используете косую черту).

Answer 2

JavaScript обычно не позволяет загружать файлы из файловой системы.Вам нужно будет разместить проект на веб-сервере, тогда URL будет работать, как http://localhost/ajax/test.txt, если вы разместите свой проект на http://localhost/.