690
 

jQuery Taconite Plugin

jQuery Taconite Plugin – это плагин для jQuery, который позволяет с легкостью обновлять множество элементов DOM, используя для этого один единственный AJAX запрос. Суть заключается в том, что AJAX запрос должен содержать специальные XML инструкции для обновления DOM. Рассмотрим следующий пример:

<taconite>
	<append select="#status">
		Your order has shipped!
	</append>
</taconite>

В этом пример показан результат, который получен от сервера через AJAX. Плагин jQuery Taconite обработает этот XML и выполнит вставку фразы “Your order has shipped!” в элемент с id=status. Как можно понять из примера, команда append добавляет содержимое в элемент с селектором, указанном в атрибуте select.

Теперь более сложный пример:

<taconite>
    <replace select="#promotion">
        <div>Thank you for your order!</div>
    </replace> 

    <remove select="#emptyMsg, .preOrder" />

    <append select="#cartTable tbody">
        <tr><td>1</td><td>Dozen Red Roses</td><td>$18.99</td></tr>
    </append>

    <replaceContent select="#cartTotal">
        $18.99
    </replaceContent>
</taconite>

В этом примере будут выполнены сразу четыре действия с DOM. Сразу элемент с id=promotion будет заменен на “<div>Thank you for your order!</div>” (команда replace заменяет элемент), затем следует команда remove, которая просто удаляет элемент, после этого append как в первом примере добавляет содержимое (в данном случае ряд в таблицу), ну и в конце используется replaceContent для замены содержимого элемента cartTotal. Чтобы выполнить все это, на стороне клиента требуется всего лишь одна строка:

$.get('orderStatus.php');

Просто, не правда ли? В дополнение ко всему выше сказанному, плагин не исползует innerHTML, следовательно вы сможете обновлять содержимое любых элементов, включая таблицы, как показано на втором примере.

домашняя страницаскачать плагин

Добавить в закладки:
Maklay.com - Большой каталог товаров для спорта и активного отдыха

Комментарии на “jQuery Taconite Plugin”

  1. Плагин замечательный, вот только столкнулся с такой проблемой – в IE в случае если передаётся русский текст, то taconite не пашет. Вот скрипт
    <?
    header(’Content-Type: text/xml; charset=windows-1251′);
    $out.=”";
    $out.=”";
    $out.=”тест”;
    $out.=”";
    $out.=”";
    echo $out;
    ?>
    Пробовал разные кодировки, в любом случае если русский текст – не пашет.
    Буду очень признателен, если подскажите, как это исправить.

  2. А сам файл PHP в какой кодировке? Если к примеру UTF-8, а вам нужно windows-1251, то нужно перекодировать при помощи iconv или можно через htmlentities:
    echo htmlentities($out, ENT_QUOTES, ‘cp1251′);
    или
    echo iconv(’utf8′, ‘cp1251′, $out);
    Вообще я советую переходить везде на utf-8, никогда проблем не будет :)

  3. Хороший плагин, но чёт фигня какая-то, вставил в setInterval:

    setInterval(function(){$.get(’update2.php’);}, 1000);

    но больше 1го раза не обновляется… время менял, результат тот же…
    в чём может быть причина? заранее благодарен =)

  4. Всё, уже разобрался, баг в другом был, я немного накосячил =)

Оставить комментарий

JSToolbox создан на основе WordPress