1 / 1 / 0
Регистрация: 21.10.2018
Сообщений: 11

Динамическая загрузка php страниц

28.03.2019, 00:38. Показов 2657. Ответов 4
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Добрый день. Я как-то делал курсовик, в виде "веб-приложения" по обработке заявок с БД (mySql). Всё очень кривенько, но работает, да и ладно. Теперь это надо доработать в более божеский вид. Для понимания: изначально это окно поделённое на фреймы и подгрузка php документов с помощью a href и target в соответствующие фреймы. Сейчас начал немного углубляться. Хочу отказаться от фреймов, сделать основной документ и подгружать в него необходимую информацию.

Построил вверху меню с "div-кнопками" и подгружаю в блок content на этой же странице нужные документы
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
window.onload = function() {
    if (typeof $.cookie('str') !== 'undefined') {
    $("#content").load($.cookie('str'));    // сохранение подгрузки при обновлении страницы
}
}
 
$(document).on('click','.but',function(e){
    e.preventDefault();
   var clickId = $(this).attr('id');
    clickId = clickId+'.php';
    $.cookie('str', clickId);
    var id = $(this).data('id') || 0;
                                                       // загрузка документа
    $("#content").load(clickId,{action:"getContent", id:id});
    return(clickId);
});
Вроде даже работает, и мои несчастные странички php выводятся. Но вся логика этих страниц теперь не работает. Суть в том, что там была допустим кнопка "добавить", которая методом POST обращалась к этому же документу, в конце которого прописан обработчик, с помощью чего допустим добавлялась запись в таблицу. Но теперь при нажатии на ту же кнопку, страница просто обновляется, и т.к. она была просто подгружена к основной, то обработчики не срабатывает.

И вот я в тупике. Какие есть варианты переделки моей структуры? Хотелось бы услышать
1. Как правильно делать
2. И более подходящий на данный момент вариант, как сделать полегче и чтоб работало

Спасибо!
0
Лучшие ответы (1)
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
28.03.2019, 00:38
Ответы с готовыми решениями:

Динамическая загрузка скрипта
Возможно сделать загрузку JS-скрипта из другого JS-скрипта, но таким образом, чтобы при повторной загрузке JS-скрипт загружался из кэша...

Динамическая загрузка фоток
Всем привет. Помогите пожалуйста решить проблему. Есть следующий код: <select name="year"...

Одновременная загрузка двух страниц
есть ссылка <a href="javascript:void(window.open(''))" ></a> при щелчке по ней открывается окно, при этом родительский документ...

4
 Аватар для atanov
640 / 481 / 172
Регистрация: 26.05.2016
Сообщений: 2,674
28.03.2019, 05:30
Nexonik, идея в основном правильная. Откажитесь от форм, используйте элементы DOM напрямую, например: кнопка, при клике не неё ajax’ом запрашиваете что-то на сервере, где код php выдаёт необходимую информацию и отправляет на клиенте. Далее на клиенте полученное распихиваете по элементам DOM.
0
1 / 1 / 0
Регистрация: 21.10.2018
Сообщений: 11
28.03.2019, 18:42  [ТС]
atanov, спасибо за отзыв! Только я не совсем понимаю логику. У меня есть допустим страница подачи заявки. Я ajax`om собираю с инпутов данные при нажатии кнопки, а как мне связать это с php? Я знаю, что у ajax есть методы отправки get и post как у php, но как это соединить?

Или вот ситуация, на странице есть несколько выпадающих списков, так вот значения в списках будут варьироваться в зависимости от того, что выбрано в предыдущем. Опять же получается, я отслеживаю изменение списка, отправляю на сервер выбранное значение, формирую следующий список, но как это реализовать в связке ajax - php..
0
Эксперт JS
6496 / 3907 / 2006
Регистрация: 14.06.2018
Сообщений: 6,781
28.03.2019, 20:38
Цитата Сообщение от Nexonik Посмотреть сообщение
Я знаю, что у ajax есть методы отправки get и post как у php, но как это соединить?
Классический пример отправки POST-запроса с помощью ajax. Ответ №5:
Получить все инпуты и перебрать

Сервер ловит данные с заголовком content-type="multipart/form-data"
1
 Аватар для atanov
640 / 481 / 172
Регистрация: 26.05.2016
Сообщений: 2,674
29.03.2019, 09:37
Лучший ответ Сообщение было отмечено Nexonik как решение

Решение

Nexonik, да ничего сложного нет. Вот элементарнейший пример:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
    <select id = "selectOne">
        <option>A</option>
        <option>B</option>
        <option>C</option>
    </select>
    <select id = "selectTwo">
        <option>a</option>
        <option>b</option>
        <option>c</option>
    </select>
    <button>click</button>
    <div class = "divResult"></div>
</html>
<script src = "173.js"></script>
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
document.addEventListener('DOMContentLoaded', docReady);
function docReady()
{
    document.getElementsByTagName('button')[0].addEventListener('click', sendToServer);
}
function sendToServer()
{
    let sendInfo = new XMLHttpRequest();
    sendInfo.open('POST', '173.php', true);
    sendInfo.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    sendInfo.send
    ('selectOne=' + 
    document.getElementById('selectOne').options[document.getElementById('selectOne').selectedIndex].textContent +
    '&selectTwo=' + 
    document.getElementById('selectTwo').options[document.getElementById('selectTwo').selectedIndex].textContent
    );
    sendInfo.addEventListener('readystatechange', statusReady);
    function statusReady()
    {
        if(sendInfo.readyState == 4)
        {
            document.getElementsByClassName('divResult')[0].textContent = sendInfo.responseText;
        }
    }
}
PHP
1
echo 'с сервера вернулося selectOne = '.$_POST['selectOne'].' и selectTwo = '.$_POST['selectTwo'];
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
29.03.2019, 09:37
Помогаю со студенческими работами здесь

Одновременная загрузка нескольких страниц
Как реализовать код, что бы при открытии больше 3 страниц в 1 секунду выходило модальное окно-запрещающее данное действие

Динамическая замена php кода
Можно ли так сделать что бы при нажатие на определенную ссылку на страницу подгружался необходимый php код &lt;div...

Динамическая загрузка страниц JQuery + AJAX
Здравствуйте. Подскажите как переходить от одной страницы к другой без перезагрузки страницы?

Динамическая загрузка файлов type=file
Здравствуйте Есть инпут type=file ПОСЛЕ каждой загрузки файла, динамически добавляется еще поле type=file &lt;input...

Динамическая генерация страниц (JSF)
Здравствуйте! Я новичок в Web-программировании (начинал с изучения сервлетов, затем перешел к JSP, JSF и наконец добрался до Richfaces....


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

Новые блоги и статьи
Символьное дифференцирование
igorrr37 13.02.2026
/ * Логарифм записывается как: (x-2)log(x^2+2) - означает логарифм (x^2+2) по основанию (x-2). Унарный минус обозначается как ! */ #include <iostream> #include <stack> #include <cctype>. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce
volvo 10.02.2026
В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru