20
Май

Как написать Ajax плагин для WordPress? Часть 1.

ReplyЗаметки на полях

Сначала давайте определимся что мы хотим получить.

  1. При нажатии на кнопку или ссылку должны отправляться данные на сервер.
  2. Вернувшиеся данные должны отобразиться на странице там где мы хотим.
  3. Вся страница не должна перезагружаться.

 

Сделать это в среде WordPress не трудно.

 

Начнём с основы:

 

Основой во всём этом выступает объектная модель документа (DOM)

 

Рассмотрим на примере:

 

У нас есть некий DIV с именем «text_inner»

 

<div id="text_inner"></div>

 

Так же у нас есть поле INPUT с именем «input1».

 

<input id="input1" value="Некоторый текст">

 

Нужно получить текст из поля ввода и отобразить его в DIV-е.

Этим будет заниматься вункция на языке java script.

 

<script>
    function add_input(){
        var inputText = document.getElementById("input1").value;
        document.getElementById("text_inner").innerHTML = inputText;
    }
</script>

 

Полностью наш пример будет выглядеть так:

 

<html>
<head>
    <title>Part 1</title> 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<head>
<body>
    <input id="input1" value="Некоторый текст">
    <input type="button" value="Нажать" onclick="add_input();">
 
    <div id="text_inner"></div>
 
    <script>
        function add_input(){
            var inputText = document.getElementById("input1").value;
            document.getElementById("text_inner").innerHTML = inputText;
        }
    </script>
</body>
</html>

 

В следующий раз мы рассмотрим как отправить данные на сервер в среде WordPress и получить ответ.

, ,

This entry was posted on Май 20th, 2009 at 09:41 and is filed under Заметки на полях.You can follow any responses to this entry through the RSS 2.0. You can Leave a response, or Trackback.

6 Responses to “Как написать Ajax плагин для WordPress? Часть 1.”

Add reply

 

 

    Добавить в закладки

 

  • Опрос:

    Нужен ли плагину WP DS FAQ отдельный интерфейс для отправки вопросов администратору?

    View Results

    Loading ... Loading ...

 

 

Поддержка

WM: Z593049462449

WM: R107215206013

 

Статистика