AJAX для PHP страниц подгружаемых из MySQL

@vino0s · Регистрация: 26.03.2014

Студворк — интернет-сервис помощи студентам

Страницы формируются с помощью PHP. В PHP проверяются условия

PHP
1
2
3
if ($tags) {include("tmpl/tags.php");} //страница ссылок
else
{include("tmpl/indexs.php");} //страница с переходом на следующую

и тем самым грузится либо страница на которой будет ссылка на следующую страницу, либо страница ссылок на все возможные страницы.
Таблица MySQL состоит из столбцов: тема и содержание.
Страница ссылок - это страница ссылки которой сформированными из всех тема.
Страница с переходом - это страница в которой выводится тема и ее содержание, а при переходе на следующую выводится другая тема с другим содержанием и 2-мя ссылками на предыдущую и следующую страницы.
Сами страницы обрабатываются в адресной строке так: домен/тема?page=1

Как сделать для сделать AJAX загрузку и переход между страницами которых изначально нет (подгружаются из БД).

Вот что то пробовал, и в итоге в контейнер загружалась вся страница целиком (шапка, меню, контент), а не просто контент.

С ajax-ом туговато пока, еще не делал сложного ни разу.

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<?php //формируем страницу с тегами
$i=1;
while($row = mysql_fetch_assoc($otvet)){ //в $otvet получили все строки из БД
            echo "<article class=\"bloga\">
            <a id=\"a".$i."\" href=\"".$pg."?page=".($i)."\"><h2 class=\"shtrihi\">{$row['title']}</h2></a>
            <script>
                $(document).ready(function(){
                        $('#a".$i."').click(function(){
                                $.ajax({
                                        url: \"".$pg."?page=".($i)."\",
                                        cache: false,
                                        success: function(html){
                                                $(\".blog\").html(html);
                        location.hash = '\"blog\"';
                                        }
                                });
                        });
                    });
            </script>
            </article>";
$i++;}?>

@fanatikus · 16.02.2016, 21:51

допустим есть список ссылок на статьи

HTML5
1
2
3
4
5
6
7
<ul>
    <!-- href="1"  1 это идентификатор статьи в базе-->
    <li><a class="link" href="1">Статья 1</a></li>
    <li><a class="link" href="2">Статья 2</a></li>
    <li><a class="link" href="3">Статья 3</a></li>
</ul>
<div id="aticle"></div><!--сюда будем вставлять ответ с сервера-->

и функция, которая будет отправлять ajax запросы на сервер и выводить ответ на страницу

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
$(function(){
    $('.link').click(function(e){
        e.preventDefault();//отменяем действие по умолчанию(переход по ссылке)
        var id = $(this).attr('href');// идентификатор статьи
        
        $.ajax({
            url: 'page.php',//обработчик
            tуpe:'post',//тип запроса
            data: 'id='+id,//передаем данные, в $_POST['id'] будет идентификатор статьи
            //в responce будет ответ с сервера
            success:function(responce){
                $('#aticle').html(responce);// добавляем ответ с сервера в контейнер с id="aticle"
            }
        })
    })
   
});

ну и обработчик php

PHP
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
26
27
28
29
30
31
32
if(!empty($_POST))
{
    $mysqli = new mysqli("localhost", "root", "", "table");
 
    if (mysqli_connect_errno())
    {
        printf("Подключение невозможно: %s\n", mysqli_connect_error());
        exit();
    }
 
    if ($stmt = $mysqli->prepare("SELECT `title`,`description` FROM `aticle` WHERE `id`= ?"))   
    {
        $stmt->bind_param("i", $id);
        $id = $_POST['id'];
 
        $stmt->execute();
 
        $stmt->bind_result($title, $description);
        $result = '<div class="aticle">';
      
        while ($stmt->fetch())      
        {
            $result .= '<h>'.$title.'</h>';
            $result .= '<p>'.$description.'</p>';
        }
        $result .= '</div>';
    }
    $stmt->close();
    $mysqli->close();
        
    echo $result;
}

как-то так

@vino0s · 17.02.2016, 11:39 **[ТС]**

Красиво) Понятно) Опробую завтра)

Добавлено через 12 часов 21 минуту

PHP
1
$db_my=mysql_connect($conf['mysql_host'],$conf['mysql_user'],$conf['mysql_password']) or die('Ошибка подключения к базе данных');

и

PHP
1
$mysqli = new mysqli("localhost", "root", "", "table");

равнозначны?

@Виталюска · 17.02.2016, 11:47

Сообщение от vino0s

равнозначны?

первый вариант это Процедурный стиль
второй это Объектно-ориентированный стиль

http://php.net/manual/ru/mysqli.construct.php

@vino0s · 17.02.2016, 12:11 **[ТС]**

К сожалению, ответ не приходит (статья не грузится).

PHP
1
2
3
4
5
6
7
<?php 
$i=1;
while($row = mysql_fetch_assoc($otvet)){
            echo "<article class=\"bloga\">
            <a class=\"link\" href=\"{$row['id']}_".$pg."?page=".($i)."\"><h2 class=\"shtrihi\">{$row['title']}</h2></a>
            </article>";
$i++;}?>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<script>
$(function(){
    $('.link').click(function(e){
        e.preventDefault();//отменяем действие по умолчанию(переход по ссылке)
        var id = $(this).attr('href').split('_');// идентификатор статьи, ссылка пока коряво выглядит
 
        $.ajax({
            url: 'tmpl/obrab.php',//обработчик
            tуpe:'post',//тип запроса
            data: 'id='+id[0],//передаем данные, в $_POST['id'] будет идентификатор статьи, но я получаю нужный id проверял в alert
            //в responce будет ответ с сервера
            success:function(responce){
                $('.blog').html(responce);// добавляем ответ с сервера в контейнер с id="aticle", в контейнере с классом blog все ссылки убираются, но контент и титл не выводится (пустой).
            }
        })
    })
   
});
</script>

PHP
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
26
27
28
29
<?php 
if(!empty($_POST))
{
    $mysqli = new mysqli($conf['mysql_host'],$conf['mysql_user'],$conf['mysql_password'],$conf['mysql_database']);
 
    if ($stmt = $mysqli->prepare("SELECT `title`, `date`, `content` FROM `blog` WHERE `id`= ?"))   
    {
        $stmt->bind_param("i", $id);
        $id = $_POST['id'];
 
        $stmt->execute();
 
        $stmt->bind_result($title, $date_p, $content);
        $result = '<article class="bloga">';
      
        while ($stmt->fetch())      
        {
            $result .= '<h2 class="shtrihi">'.$title.'</h2>';
            $result .= '<p>'.$content.'</p>';
            $result .= '<p class="date animated bounce">'.$date_p.'</p>';
        }
        $result .= '</article>';
    }
    $stmt->close();
    $mysqli->close();
        
    echo $result;
}
?>

@fanatikus · 17.02.2016, 12:44

JavaScript
1
console.log(responce);

посмотрите что будет в консоли

Добавлено через 16 минут

Сообщение от vino0s

tуpe:'post',//тип запроса

перепишите эту строку. что-то с ней не так. скрип отправляет не post а get. видимо опечатка(либо русская буква или еще что)
я переписал и у меня все работает

Добавлено через 1 минуту
с этим, у меня работает

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
$(function(){
    $('.link').click(function(e){
        e.preventDefault();//отменяем действие по умолчанию(переход по ссылке)
        var id = $(this).attr('href');// идентификатор статьи
        
        $.ajax({
            url: 'tmpl/obrab.php',//обработчик
            type:'post',//тип запроса
            data: 'id='+id,//передаем данные, в $_POST['id'] будет идентификатор статьи
            //в responce будет ответ с сервера
            success:function(responce){
                $('#aticle').html(responce);// добавляем ответ с сервера в контейнер с id="aticle"
            }
        })
    })
   
});

@vino0s · 17.02.2016, 14:32 **[ТС]**

я почему-то к БД не коннекчусь
Подключение невозможно: Access denied for user ''@'localhost' (using password: NO)

PHP
1
2
3
4
5
6
7
8
9
10
$conf = parse_ini_file('tmpl/config.ini');
if(!empty($_POST))
{
    $mysqli = new mysqli($conf['mysql_host'],$conf['mysql_user'],$conf['mysql_password'],$conf['mysql_database']);
    if (mysqli_connect_errno())
    {
        printf("Подключение невозможно: %s\n", mysqli_connect_error());
        exit();
    }
}

Добавлено через 10 минут

PHP
1
$conf = parse_ini_file('../conf/config.ini'); //моя не внимательность не сделал возврат на уровень выше

Добавлено через 2 минуты

PHP
1
2
mysql_set_charset( 'utf8' );
mysql_query('SET time_zone = "+5:00"');

Теперь вот это как применить для $mysqli

Добавлено через 7 минут
Всем спасибо, разобрался))

Добавлено через 52 минуты
Только вот еще вопрос появился, если я обновляю страницу после загрузки контента, то открывается страница с ссылками (предыдущая). Как изменить href в адресной строке, без перехода?

@Laroux · 17.02.2016, 15:24

Сообщение от vino0s

href в адресной строке

что это?

@vino0s · 17.02.2016, 17:14 **[ТС]**

url location.href адрес страницы

Добавлено через 1 час 46 минут

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
$(function(){
    $('.link').click(function(e){
        e.preventDefault();//отменяем действие по умолчанию(переход по ссылке)
        var id = $(this).attr('href');// идентификатор статьи
 
        history.pushState(null, null, $(this).attr('href'));   // ВОТ ЭТО добавил для изменения адреса в адресной строке
 
        $.ajax({
            url: 'tmpl/obrab.php',//обработчик
            type:'post',//тип запроса
            data: 'id='+id,//передаем данные, в $_POST['id'] будет идентификатор статьи
            //в responce будет ответ с сервера
            success:function(responce){
                $('#aticle').html(responce);// добавляем ответ с сервера в контейнер с id="aticle"
            }
        })
    })
   
});

Новые блоги и статьи Все статьи Все блоги /
Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .	[В процессе разработки] SDL3 для Web (WebAssembly): Сборка библиотек SDL3 и Box2D из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия SDL 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual. . .	SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»

AJAX для PHP страниц подгружаемых из MySQL

Решение