VPF::Задачка по jQuery - вывести innerHTML элемента

mark2011

Дата 7.9.2011, 15:40 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 174
Регистрация: 28.6.2011

Репутация: нет
Всего: 2

Мда, битый час просидел, прошу помощь зала))

Итак, имеем следующую конструкцию:

Код


function get_page_contents(page_name)
{

    $.post("includes/ajax.php?mode=get_page", {pagename: page_name}, function(data)
    {
        
            $('#hed1').html(data.h1);
            $('#content').html(data.content);
    }, "json");
}

Соответственно содержимое ajax.php в точке входа mode=get_page:

Код


case 'get_page':
        $page = $_POST['pagename'];
        
        $db->query('SELECT page_h1_title, page_content FROM pages WHERE page_file_name = "'.$page.'"');

    
        $r = $db->parse_query('array');
        $h1_title     = $r['page_h1_title'];
        $page_content = $r['page_content'];
        
        $return = json_encode(array("h1" => $h1_title, "content" => $page_content));
        echo $return;
        die();
    break;

Элемент с id=content - DIV.
Элемент с id=hed1 - h1.

Задача: вставить из базы содержимое на страницу. H1 - заголовок, content - содержимое.
Содержимое вставляется прекрасно, вместо H1 - null. Проверено alert'ом.

Ну что я не так делаю, кто-нибудь мне скажет?

Это сообщение отредактировал(а) mark2011 - 7.9.2011, 15:41

нуп

Дата 7.9.2011, 16:53 (ссылка)

(нет голосов)

Загрузка ...

Ботокодер

Профиль
Группа: Участник
Сообщений: 987
Регистрация: 22.6.2009
Где: Кременчуг

Репутация: 8
Всего: 33

тупо и просто console.log(data);

mark2011

Дата 7.9.2011, 20:16 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 174
Регистрация: 28.6.2011

Репутация: нет
Всего: 2

нуп,

Цитата(нуп @ 7.9.2011, 16:53

)

тупо и просто console.log(data);

И к чему вот это?
Я же написал:

Цитата(mark2011 @ 7.9.2011, 15:40

)

Содержимое вставляется прекрасно, вместо H1 - null. Проверено alert'ом.

Ключевые слова здесь: Проверено alert'ом.. Какой вам console.log?

нуп

Дата 7.9.2011, 21:23 (ссылка)

(нет голосов)

Загрузка ...

Ботокодер

Профиль
Группа: Участник
Сообщений: 987
Регистрация: 22.6.2009
Где: Кременчуг

Репутация: 8
Всего: 33

Код


 $.post("includes/ajax.php?mode=get_page", {pagename: page_name}, function(data)
    {
             console.log(data);
            $('#hed1').html(data.h1);
            $('#content').html(data.content);
    }, "json");

Тут 2 варианта: либо не пришел h1, либо нет такого элемента с id hed1 и console.log всё разъяснит smile

mark2011

Дата 8.9.2011, 06:48 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 174
Регистрация: 28.6.2011

Репутация: нет
Всего: 2

Вот что пришло:

Код


[07:46:42.968] ({h1:"\u0421\u0442\u0440\u043E\u0438\u0442\u0435\u043B\u044C\u0441\u0442\u0432
\u043E \u0434\u043E\u043C\u043E\u0432 \u0440\u0443\u0447\u043D\u044B\u043C\u0438 \u0441
\u043F\u043E\u0441\u043E\u0431\u0430\u043C\u0438 \u0440\u0443\u0431\u043A\u0438 \u0441\u0440
\u0443\u0431\u043E\u0432", content:"<p style=\"text-align: justify\">\n\t&nbsp; &nbsp; &nbsp; &nbsp; 
&nbsp; \u041E\u0441\u043D\u043E\u0432\u043D\u043E\u0439 \u0441\u043F\u0435\u0446\u0438\u0430
\u043B\u0438\u0437\u0430\u0446\u0438\u0435\u0439 \u043D\u0430\u0448\u0435\u0439 \u043A\u043E
\u043C\u043F\u0430\u043D\u0438\u0438 \u044F\u0432\u043B\u044F\u0435\u0442\u0441\u044F \u0434
\u0435\u0440\u0435\u0432\u044F\u043D\u043D\u043E\u0435 \u0441\u0442\u0440\u043E\u0438\u0442
\u0435\u043B\u044C\u0441\u0442\u0432\u043E \u043A\u043E\u0442\u0442\u0435\u0434\u0436\u0435
\u0439, \u0437\u0430\u0433\u043E\u0440\u043E\u0434\u043D\u044B\u0445 \u0434\u043E\u043C\u043E
\u0432 \u0441 \u043F\u0440\u0438\u043C\u0435\u043D\u0435\u043D\u0438\u0435\u043C \u0440\u0430
\u043B\u0438\u0447\u043D\u044B\u0445 \u0442\u0435\u0445\u043D\u043E\u043B\u043E

и т.д.

mark2011

Дата 8.9.2011, 08:28 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 174
Регистрация: 28.6.2011

Репутация: нет
Всего: 2

Итак, мои дальнейшие изыскания... буду писать не функциями а отрывочно

Код


alert($("#hed1").val())

в итоге даёт пустую строку (или null) хотя в строке есть содержимое

Код


alert($("#hed1").html());

в итоге даёт то, что ожидалось

Код


$("#hed1").html(data.h1);
alert($("#hed1").html());

В итоге имеем NULL.

Даже не знаю, что комментировать по этому поводу. На mootools было всё отлично.

нуп

Дата 8.9.2011, 11:19 (ссылка)

(нет голосов)

Загрузка ...

Ботокодер

Профиль
Группа: Участник
Сообщений: 987
Регистрация: 22.6.2009
Где: Кременчуг

Репутация: 8
Всего: 33

JQuery ужасный, не пользуйтесь им smile

Попробовал ваш пример, всё приходит и работает. Я 3-й раз пишу поставьте firebug и сделайте вывод data, может какие то символы есть которые не парсятся, или можете дальше грешить на кривость jquery

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Применение библиотек \| Следующая тема »