toggle + ajax

[drew]

Добрый вечер!

Начал познавать технологию ajax и по-тихоньку прилеплять её к придуманному сайту.

Появилась нужда в применении функций .toggle, для определения клика по <div> и .ajax для последующей передачи данных в .php файл.

Вроде получилось, и данные о кликах отправлялись в бд. Стал усовершенствовать функции и через какое-то время застопорился, не работает и всё тут.

Не вызывает .php файл!

Убрал всё, что сделал после последнего успеха. Но и тут я не могу найти ошибку.

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

$("#black").toggle(
    function () {
        $.ajax({
            type: "POST",
            url: "out_couple.php", 
            data: "{name_pic}"
            });
    }
);

<div id="black">...</div>

[MetSerp]

1 Функции обработки ошибок и успешных запросов опущены нарочно?

2 url: "out_couple.php", - реально существует, может стоит более полный путь прописать хотя бы от корня сайта?

3 и да, чуть не забыл,

 data: "{name_pic}"

что вы эти хотели передать? Это невалидный json. Если это имя переменной то оно не должно быть внутри кавычек , если это ключ который ожидает сервер то он не должен быть спрятан "{key}" правильно будет {key:'value'} а если value переменная то {key:value}

И дальше, если проблема в неправильном ответе от сервера(точнее неожиданном) то удостоверьтесь что сервер ожидает данные в get так как по умолчанию используется именно этот метод, а у вас он не указан.

Почитайте http://api.jquery.com/jQuery.ajax/

Edited July 18, 2011 by MetSerp

[drew]

1 Функции обработки ошибок и успешных запросов опущены нарочно?

2 url: "out_couple.php", - реально существует, может стоит более полный путь прописать хотя бы от корня сайта?

3 и да, чуть не забыл,

 data: "{name_pic}"

что вы эти хотели передать? Это невалидный json. Если это имя переменной то оно не должно быть внутри кавычек , если это ключ который ожидает сервер то он не должен быть спрятан "{key}" правильно будет {key:'value'} а если value переменная то {key:value}

И дальше, если проблема в неправильном ответе от сервера(точнее неожиданном) то удостоверьтесь что сервер ожидает данные в get так как по умолчанию используется именно этот метод, а у вас он не указан.

Почитайте http://api.jquery.com/jQuery.ajax/

1. Да, смотря примеры, по той же ссылке, что Вы подсказали, я убрал функции обработки отсюда.

2. существует, заполняем бд им. Указание полного пути так же не помогло.

3. С синтаксисом я ещё пока не дружу, спасибо за подсказку! Но я решил просто убрать эту переменную. Хочу добиться только вызова out_couple.php

а разве

type: "POST",

я не устанавливаю метод POST ?

В итоге имею только это:

$("#black_side").toggle(
    function () {
        $.ajax({
            type: "POST",
            url: "out_couple.php" 
            });
    }
);

и этот кусок кода не отрабатывается.

Edited July 18, 2011 by drew

[MetSerp]

я не устанавливаю метод POST ?

не заметил

А где то есть пример? или сами посмотрите например хромовским снифером (контрал + шифт + j вкладка network клик по имени файла) :

Нормально если сервер вернул ответ код 200, остальные коды свидетельствуют об ошибках и указывают какие именно.

[drew]

Нормально если сервер вернул ответ код 200, остальные коды свидетельствуют об ошибках и указывают какие именно.

вернул 200...

или 304, что я полагаю не ошибка

[MetSerp]

а можно тогда код и клиента и сервера и структуру полную папок и файлов а так же то что в итоге вы хотите получить?

[drew]

а можно тогда код и клиента и сервера и структуру полную папок и файлов а так же то что в итоге вы хотите получить?

Можешь посмотреть здесь: http://drew.h19.ru/test/

Я хочу добиться того, что бы при нажатии на картинку в центре, информация об этом поступала в бд.

Это так сказать мне для старта) Основная работа конечно же не эта. На данном этапе понять бы почему ничего не поступает в бд.

Причём хочу отметить, что днём этот момент отрабатывал на 5+, но не могу найти вечером, что же я изменил...

php файл:

<?php
require_once ('func/_connect_bd.php');

$result = mysql_query("INSERT INTO tblUserChoice (id_user, id_pic) VALUES ('1','1')");
?>

конечно же для простоты детали опущены.

[MetSerp]

а оно точно работало без присвоения его событию?

toggle - не событие, click например - событие.

[drew]

а оно точно работало без присвоения его событию?

toggle - не событие, click например - событие.

Я думал об этом, но вроде работало с toggle, правда был дописан тот же success, но опять же не думаю, что его отсутствие на что либо повлияло.

http://api.jquery.com/toggle-event/ пользовался этим мануалом. Если не ошибаюсь, у click идентичный синтаксис, я только что поменял, и опять же никакой реакции.

У меня прям паника... Ctrl-Z на пол дня найти бы

[Great Rash]

Да у вас PHP с ошибкой валится

Warning: require_once(func/_connect_bd.php) [function.require-once]: failed to open stream: No such file or directory in /home/d/drew.h19.ru/WWW/test/out_couple.php on line 2

Fatal error: require_once() [function.require]: Failed opening required 'func/_connect_bd.php' (include_path='.:/usr/lib/php:/usr/local/lib/php') in /home/d/drew.h19.ru/WWW/test/out_couple.php on line 2

[drew]

Да у вас PHP с ошибкой валится

Warning: require_once(func/_connect_bd.php) [function.require-once]: failed to open stream: No such file or directory in /home/d/drew.h19.ru/WWW/test/out_couple.php on line 2

Fatal error: require_once() [function.require]: Failed opening required 'func/_connect_bd.php' (include_path='.:/usr/lib/php:/usr/local/lib/php') in /home/d/drew.h19.ru/WWW/test/out_couple.php on line 2

Нет, дело не в этом, эту ошибка из-за невнимательности при создании тестовой странички, убрав её - всё то же самое. Никакой реакции php файла.

[Great Rash]

Вы бы не к базе коннектились, а для начала возвращали бы тупо текст.

[drew]

Вы бы не к базе коннектились, а для начала возвращали бы тупо текст.

т.е. к примеру пусть мой php файл будет выводить одно echo?

и никакой реакции, я всё же думаю, что проблема в js скрипте.

[Great Rash]

Да, для начала такой:

<?php
echo 'ok';
?>

[Simon]

а как насчет в документ change.js добавить:

$(document).ready(function(){

$("#black_side").click(function(){

...

});

});

[drew]

Да, для начала такой:

<?php
echo 'ok';
?>

это сейчас и сделано, не срабатывает.

а как насчет в документ change.js добавить:

$(document).ready(function(){

$("#black_side").click(function(){

...

});

});

Думал насчёт этого, но нет, тоже без толку.

Думаю, может не реагирует на .click?

[Golgi]

а success вставили в ajax? <?php

echo 'ok';

?>

что обработать это?

[drew]

а success вставили в ajax? <?php

echo 'ok';

?>

что обработать это?

Вставил success и заработало! Спасибо вам!

В итоге исправно работает сей кусок:

$(document).ready(function(){
$("#black_side").click(
    function () {
        $.ajax({
            type: "POST",
            url: "out_couple.php",
            success: function(){
            } 
            });
    }
);
});