Запрос ajax на локальный файл

@kojemiaka · Регистрация: 01.06.2012

Author24 — интернет-сервис помощи студентам

Добрый день,

Подскажите, пожалуйста, почему данный код может не работать.

Javascript

<script>
    var request = $.ajax({
        url: "test.js",
        dataType: 'json',
        data: data,
        success: function () {alert("success");},
        error: function () {alert("error");}
    });
</script>

Файл test.js существует, он находится в той же папке, что и html, в который вставлен вышеприведенный код. Библиотека jquery подключена, последняя версия. Скрипт вставлен в body.

При запуске я не вижу ни сообщения об ошике, ни успеха.

@tabber · 19.06.2012, 21:49

ты присваиваешь запрос переменной

@kojemiaka · 20.06.2012, 13:03 **[ТС]**

Сообщение от tabber

ты присваиваешь запрос переменной

Я нашёл похожий пример здесь: http://api.jquery.com/jQuery.ajax/

Полностью там такой код:

Javascript

var menuId = $("ul.nav").first().attr("id");
var request = $.ajax({
  url: "script.php",
  type: "POST",
  data: {id : menuId},
  dataType: "html"
});
 
request.done(function(msg) {
  $("#log").html( msg );
});
 
request.fail(function(jqXHR, textStatus) {
  alert( "Request failed: " + textStatus );
});

В нём тоже ошибка? А в моём?

Добавлено через 46 минут
По всей видимости невозможность заставить работать данный код связана с same origin policy. Если запускать данный файл из папки, где он находится, то он не будет работать, а если запускать с локального сервера, то он работает.

Правильно я понимаю? Кто сталкивался с таким?

Другими словами:

file:///D:/workspace/testWebProjetAjax/WebContent/index.html - не работает

http://localhost:8080/testWebProjetAjax/index.html - работает

@vixa · 20.06.2012, 13:36

Ты пытаешься в файл с Java скриптом передать запрос в формате json где логика???

Javascript

<script>
    var request = $.ajax({
        url: "test.js",
        dataType: 'json',
        data: data,
        success: function () {alert("success");},
        error: function () {alert("error");}
    });
</script>

А так же переменные передаються таким методом data: {id : menuId, id2: mainId}, а не data:data

@kojemiaka · 20.06.2012, 13:40 **[ТС]**

Привет!

Расширение файла не влияет на передачу. Хоть txt поставь.
Способ, что у меня тоже работает.

@tabber · 20.06.2012, 18:24

Javascript

request.done(function(msg) {
  $("#log").html( msg );
});
 
request.fail(function(jqXHR, textStatus) {
  alert( "Request failed: " + textStatus );
});

сравни со своим
если ты попытался блеснуть краткостью... я повторюсь ты присвоил вызов переменной, значит что? если хочешь, что бы твой код работал убери переменную. теория в помощь

@kojemiaka · 20.06.2012, 18:28 **[ТС]**

tabber, спасибо за ответ!

Я уже разобрался. Вы правы, что в примере они по-другому обрабатывают успешное завершение запроса. У меня в итоге получилось вот так:

Javascript

    $.ajax({
        url: 'json/reponseHDP.json',
        dataType: 'json',
        async: false,
        success: function(data) {
        $.each(data.items, function(i,item){
            
                      //обрабатываем данные
 
        });
    }
    });
}

02.07.2012, 11:41

я повторюсь ты присвоил вызов переменной, значит что?

Значит в переменную вернулся объект jqXMLHttpRequest, и фактически это ни на что не повлияло.
Проблема изначально состояла в том, что XMLHttpRequest не обрабатывает запросы по протоколу, отличному от http.

@tabber 37 / 41 / 3 Регистрация: 10.10.2010 Сообщений: 364
	19.06.2012, 21:49	2
	ты присваиваешь запрос переменной 0

@kojemiaka 0 / 0 / 0 Регистрация: 01.06.2012 Сообщений: 40
	20.06.2012, 13:40 [ТС]	5
	Привет! Расширение файла не влияет на передачу. Хоть txt поставь. Способ, что у меня тоже работает. 0

Vizer
	02.07.2012, 11:41	8
	я повторюсь ты присвоил вызов переменной, значит что? Значит в переменную вернулся объект jqXMLHttpRequest, и фактически это ни на что не повлияло. Проблема изначально состояла в том, что XMLHttpRequest не обрабатывает запросы по протоколу, отличному от http.