Функция AJAX для отображения динамических данных на одной странице - PullRequest
2 голосов
/ 22 марта 2011

Я хочу создать веб-страницу, как показано на рисунке ниже. Есть три панели (1,2,3). Если я нажму на команды (панель 1), то панели 2 и 3a будут заполнены. Если я затем нажму на определенную группу (G1), то панель 3b будет заполнена. Если я затем нажму на отдельное животное (A1), то панель 3c будет заполнена. Данные получены из базы данных Oracle с использованием PHP.

Я новичок в AJAX. Подскажите, пожалуйста, лучший и эффективный способ сделать это?

Спасибо
Сан -
enter image description here

Ответы [ 2 ]

2 голосов
/ 22 марта 2011

Я бы настоятельно рекомендовал использовать для этого среду Javascript, такую ​​как jQuery.Использование AJAX требует больших усилий (см. http://api.jquery.com/jQuery.get/).

. Существует несколько способов получения данных:

  1. .Самый простой способ - сгенерировать всю таблицу для (2) в скрипте PHP и загрузить HTML в контейнер div. Недостатком этого является то, что если вы хотите изменить свой HTML-шаблон, вам нужно изменитьтакже файл PHP.

  2. В качестве альтернативы, вы можете отобразить данные из вашего PHP в формате JSON (используйте json_encode() в PHP - http://www.php.net/manual/en/function.json-encode.php).создайте свой массив строк данных и выполните echo json_encode($data);. Вы можете использовать jQuery.get (), чтобы загрузить его как JSON.

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

Как яскажем, первый метод значительно проще, так как он требует только базовых PHP и Javascript. Второй методболее чистый, более гибкий и, вероятно, меньший по ширине полосы пропускания, но значительно более сложный.

Заполнение 3 (ac), по сути, та же проблема.Вы можете сгенерировать весь контент в PHP и просто установить HTML-код контейнера, либо иметь базовый HTML-шаблон внутри div (но скрытый с помощью CSS: display:none;) и заполнить этот шаблон.

0 голосов
/ 22 марта 2011

Если вы новичок в javascript / Ajax, я бы посоветовал вам проверить некоторые библиотеки (это не значит, что вы не должны изучать, как Javascript работает без этих структур).

Хорошее место для начала было бы jquery , mootools или прототип .

Эти три библиотеки javascript имеют встроенные функции Ajax, предназначенные для облегчения вашей жизни.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...