Форум: Не работает ajax.

Просмотр темы

PHP-Fusion Russia » Веб-разработка » Javascript, ajax, jquery

Не работает ajax.
Kanaletto	#1 Опубликовано 29.03.2014 14:27
Начинающий Сообщений: 18 Зарегистрирован: 02.11.2013 17:17	Всем привет! При работе с ajax возникла следующая проблема: Есть график который формируется с помощью библиотеки flot. Данные этого графика содержатся в теге <script type="text/javascript" id="graph-data">, сам этот тег находится не в <HEAD>, а в <BODY>. А настройки графика (весь его код) находятся в следующем теге <script type="text/javascript"> т.е. : Код <body> <script type="text/javascript" id="graph-data"> var all_data = [{ data: [ . . . ], color: '#fff'}]; </script> <script type="text/javascript"> $(document).ready(function(){ var plot_conf = { series: { lines: { show: true, lineWidth: 2 }, points:{ show: true, radius: 5, fillColor: '#000' } }, grid: { color: '#000', borderColor: 'transparent', borderWidth: 10, hoverable: true }, xaxis: { mode: "time", color: '#fff' }, yaxis: { color: '#fff' } . . . }; </script> </body> Я хочу с помощью ajax отправить запрос в файл формирующий массив данных для графика. Чтобы он выдал мне другие данные и заново сформировался график. Вот как описываю ajax: Код $(function() { $("#graph-go").click(function(){ $("#imgLoad_1").show(); $("#graph").hide(); var data_low = $("#date-low").val(); var data_heigh = $("#date-heigh").val(); $.ajax({ url: "functions/functions-graph.php", type: "GET", data: ({data_low: data_low, data_heigh: data_heigh}), cache: false, success: function(response){ if(response == 0){ alert("ERROR"); $("#imgLoad_1").hide(); } else { $("#graph-data").append(response); $("#imgLoad_1").hide(); } } }); }); }); Но после отправки запроса ничего не работает(ранее сформированный график просто исчезает), в чем ошибка? P.S. Новичек в jquey:)


Polarfox	#2 Опубликовано 29.03.2014 19:20
Администратор Разработчики Группа поддержки Сообщений: 3382 Зарегистрирован: 20.08.2010 14:03	Данные неполные, если это не угадайка на 30к рублев я б не стал угадывать. Вот это что var data_low = $("#date-low").val(); var data_heigh = $("#date-heigh").val(); Всегда делайте backup перед изменениями \| Указывайте свою версию в подписи/профиле. \| Вся бесплатная тех. поддержка только на форуме


Kanaletto	#3 Опубликовано 29.03.2014 19:22
Начинающий Сообщений: 18 Зарегистрирован: 02.11.2013 17:17	PolarFox написал: Данные неполные, если это не угадайка на 30к рублев я б не стал угадывать. Вот это что var data_low = $("#date-low".val(); var data_heigh = $("#date-heigh".val(); А как должно быть?


Polarfox	#4 Опубликовано 29.03.2014 20:30
Администратор Разработчики Группа поддержки Сообщений: 3382 Зарегистрирован: 20.08.2010 14:03	полный код страницы? Всегда делайте backup перед изменениями \| Указывайте свою версию в подписи/профиле. \| Вся бесплатная тех. поддержка только на форуме


Kanaletto	#5 Опубликовано 29.03.2014 20:44
Начинающий Сообщений: 18 Зарегистрирован: 02.11.2013 17:17	Основной файл: Код <html> <head> <script type="text/javascript"> $(document).ready(function(){ $(function() { $("#graph-go").click(function(){ $("#imgLoad_1").show(); $("#graph").hide(); $("#graph-data").empty(); var data_low = $("#date-low").val(); var data_heigh = $("#date-heigh").val(); $.ajax({ url: "functions/functions-graph.php", type: "GET", data: ({data_low: data_low, data_heigh: data_heigh}), cache: false, success: function(response){ if(response == 0){ alert("ERROR"); $("#imgLoad_1").hide(); } else { $("#graph-data").append(response); $("#imgLoad_1").hide(); } } }); }); }); }); </script> <body> <div id="graph-background"> <script type="text/javascript" id="graph-data"> <? include('functions/functions-graph.php'); ?> </script> <script type="text/javascript"> $(document).ready(function(){ var plot_conf = { series: { lines: { show: true, lineWidth: 2 }, points:{ show: true, radius: 5, fillColor: '#000' } }, grid: { color: '#000', borderColor: 'transparent', borderWidth: 10, hoverable: true }, xaxis: { mode: "time", color: '#fff' }, yaxis: { color: '#fff' } }; for(var j = 0; j < all_data.length; ++j) { for(var i = 0; i < all_data[j].data.length; ++i) all_data[j].data[i][0] = Date.parse(all_data[j].data[i][0]); } function showTooltip(x, y, contents) { $('<div id="graph-tooltip">' + contents + '</div>').css({ top: y - 16, left: x + 20 }).appendTo('body').fadeIn(); } var previousPoint = null; $('#graph').bind('plothover', function (event, pos, item) { if (item) { if (previousPoint != item.dataIndex) { previousPoint = item.dataIndex; $('#graph-tooltip').remove(); var x = new Date(item.datapoint[0]), y = item.datapoint[1]; z = x.getMonth() + 1; showTooltip(item.pageX, item.pageY, 'Данные1: ' + y + '<br> Дата: ' + x.getDate() + '.' + z + '.' + x.getFullYear()); } } else { $('#graph-tooltip').remove(); previousPoint = null; } }); $.plot($("#graph"), all_data, plot_conf); }); </script> <div id="graph"></div> <img src="Images/icons/loading.GIF" id="imgLoad_1" style="margin-top:10px;"> <div id="graph-panel"> <p>Выбор интервала даты:</p> <input class="area-date" type="text" name="date-low" id="date-low"> <input class="area-date" type="text" name="date-heigh" id="date-heigh"> <input class="graph-go" type="submit" name="go" value="Ok" id="graph-go"> </div> </body> </html> Содержимое файла functions-graph.php: Код `<? //// здесь формируется $data_graph_date и $data_graph_bank, в этой части кода все работает нормально ?> var all_data = [{ data: [ <? for ($i = 0; $i < $a+1; $i++) { echo '["'.$data_graph_date[$i].'",'.$data_graph_bank[$i].'],'; } ?> ], color: '#fff'}];`


Polarfox	#6 Опубликовано 30.03.2014 18:43
Администратор Разработчики Группа поддержки Сообщений: 3382 Зарегистрирован: 20.08.2010 14:03	А тут на самом деле варианта всего 2 - либо отправляешь не то, либо принимаешь не то. Если скрипт получает данные (сервер) - значит отправка ок. Если на клиенте проблема с получением - значит либо сервер рисует не то, либо на клиенте не проходит получение данных адекватно. Я бы спросил отладчик (во всех браузерах, даже в осле), потому как по стандарту xml падает после первой же ошибки. Всегда делайте backup перед изменениями \| Указывайте свою версию в подписи/профиле. \| Вся бесплатная тех. поддержка только на форуме


Kanaletto	#7 Опубликовано 31.03.2014 15:59
Начинающий Сообщений: 18 Зарегистрирован: 02.11.2013 17:17	PolarFox написал: А тут на самом деле варианта всего 2 - либо отправляешь не то, либо принимаешь не то. Если скрипт получает данные (сервер) - значит отправка ок. Если на клиенте проблема с получением - значит либо сервер рисует не то, либо на клиенте не проходит получение данных адекватно. Я бы спросил отладчик (во всех браузерах, даже в осле), потому как по стандарту xml падает после первой же ошибки. Ну я хочу просто обновить массив данных для графика и чтобы после того как пришел этот массив график просто обновился. Когда обращаюсь к файлу functions-graph.php (в браузере) он выдает сам массив: Код `var all_data = [{ data: [ ["2013/08/31",10000],["2013/09/01",10800], ], color: '#fff'}];`


Rush	#8 Опубликовано 31.03.2014 17:37
Администратор Разработчики Группа поддержки Сообщений: 1418 Зарегистрирован: 31.08.2010 14:41	странный у тя жсон конечно Код `[ { "data":[ [ "2013/08/31", 10000 ], [ "2013/09/01", 10800 ] ], "color":"#fff" } ]` http://jsonformat...ncept.com/ кому то не помешало бы прочитать документацию по жсу, документацию к плагину, ну и банальные вещи по пхп, чтобы жсон который забирается аяксом в броузер не отдавался) иначе не понимаю что тебе можно объяснить, если ты банально ф12 не можешь нажать Объединено 31.03.2014 19:47: http://htmlbook.r... тэг скрипт вообще не имеет атрибута id) сломал мозг короче Изменил(а) Rush, 31.03.2014 17:47 AnnetLab \| @annetlab \| GitHub Addons repo \| AL Shop - open source e-shop for PHP-Fusion \| PHPtoday.ru
	Web

Polarfox	#9 Опубликовано 31.03.2014 19:24
Администратор Разработчики Группа поддержки Сообщений: 3382 Зарегистрирован: 20.08.2010 14:03	*Оффтопик* Rush, иногда к нему еще и стиль делают, но это мелочи когда проблема не в этом. Всегда делайте backup перед изменениями \| Указывайте свою версию в подписи/профиле. \| Вся бесплатная тех. поддержка только на форуме

Поделиться этой темой
Социальные закладки:
URL:
BBcode:
HTML:

Перейти на форум:

Темы	Форум	Ответов / Просмотров	Последние сообщения
Не работает colorbox →	Ошибки, баги	7 / 1556	01.06.2022 18:03
Не работает страница профиля юзера →	Ошибки, баги	0 / 638	09.05.2022 17:34
Обратная связь на AJAX есть ли такой аддон? →	Разное	0 / 1388	10.02.2021 18:59
Не работает "выйти" Maxthon 5.2.3.3000 →	Ошибки, баги	1 / 1424	22.02.2020 18:43
Кто где работает/учится? →	Флуд	163 / 87061	05.04.2019 19:47
Половина видео не работает →	Плагины	2 / 955	22.03.2019 18:44
Мини-чат на AJAX →	Плагины	7 / 14273	14.04.2017 12:58
sib-boards v.4 не работает →	Моды	58 / 87202	13.04.2017 16:38
Опрос в девятке работает? →	Ошибки, баги	5 / 675	24.08.2016 13:01
как ajax-ом получить значения из строки браузера →	Javascript, ajax, jquery	1 / 3541	13.02.2016 05:35