Как вытащить из БД данные без перезагрузки страницы?

@maxoun · Регистрация: 08.02.2018

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

Пожалуйста помогите мне с моим сайтом.

Объясните мне пожалуйста одно.
У меня есть страница, на нем есть ссылки к примеру Вкусная еда, при нажатии на эту ссылку я хочу открыть php файл с его полными характеристиками из Базы данных, то есть рецепт, цена и т.д.
Но так чтобы страница открывалась без перезагрузки с помощью ajax. Но я не могу вообще понять как вытощить данные из php темболее из бд и передать обратно JS, и как построить такую страницу, к примеру я получаю title и его надо поместить в <title> к примеру я получаю текст его надо поместить в текст на новой страницеПожалуйста объясните мне.

Я получаю доступ к странице .php , но как сделать так чтобы php отправил мне обратно данные из бд и в javascript я смог их поместить в переменные.

пожалуйста помогите мне. если есть возможность через teamwiewer

Вот мой button

HTML5

1	<h4><button onclick="ajax('POST','function/new_stat.php',1)">PHP</button></H4><hr/>

в AJAX переадаю три параметра метод, страница PHP, и третий параметр это id идентификатор для работы с БД.

Вот сам JS

Javascript

function ajax(method,adres,param) {
    var xhttp = new XMLHttpRequest();
    var id = 'id='+encodeURIComponent(param);
    xhttp.open(method,adres,true);
    xhttp.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    xhttp.onreadystatechange = function (e) {
        if(xhttp.readyState == 4 && xhttp.status == 200) {
            alert(xhttp.responseText);
        }
    }
    xhttp.send(id);
}

alert работает и выводится строка из Базы данных.
Но мне нужна не одна строка title, а еще и другие строки, как мне все это вместе вытощить и записать в переменные в js
то есть title, text, pruef

вот PHP файл которая принимает этот id

PHP

<?php
class Stat{
    public $id, $text, $title;
    
    public function __construct($id) {
        $this->id = intval($id);
    }
    
    public function viborka() {
        require 'connect.php';
        $connect = new Connect();
        $query = "SELECT * FROM stat_blog WHERE id = ".$this->id;
        $result = $connect->select($query);
        return $result;
    }
    
    public function textM() {
        $vibor = $this->viborka();
        $this->text = $vibor['text'];
        return $this->text;
    }
    
    public function titleM() {
        $vibor = $this->viborka();
        $this->title = $vibor['title'];
        return $this->title;
    }
}
if(isset($_POST['id'])) {
    $id = (int) $_POST['id'];
    $stat = new Stat($id);
    $title = $stat->titleM();
    echo $title;
}
?>

@Torovich · 17.07.2018, 14:46

PHP

1 2	$title = '{"title" : "'.$stat->titleM(). '", "text" : "'.$stat->textM().'"}'; echo $title;

Ну и с pruef сделать функцию и добавить в вывод $title.

@D_Vik · 17.07.2018, 14:52

maxoun,

Думаю это не совсем правильная реализация формирования статей . Нужно смотреть в сторону MVC хотя бы.

Добавлено через 2 минуты
Зачем нужен аякс запрос если все равно пользователь практически переходит на другую страницу ? А перерисовывать каждый раз страницу.. Ну не знаю , сомнительное занятие.

@maxoun · 17.07.2018, 14:55 **[ТС]**

Torovich, подскажите пожалуйста, вот вы сделали json формат, как на стороне клиента я должен его принять, и занести их в переменную?

@Torovich · 17.07.2018, 14:59

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

alert(xhttp.responseText);

Сюда

Javascript

1	var data = xhttp.responseText;

Рыжий Лис · 17.07.2018, 15:31

JSON создаётся не так: json_encode

Javascript

1	JSON.parse()

@Torovich · 17.07.2018, 15:48

Рыжий Лис, а зачем нам json_encode, если у нас ответ уже в json. Если использовать, то сначала создать массив, потом через json_encode на вывод.

Рыжий Лис · 17.07.2018, 15:53

А если в $stat->titleM() будет содержаться двойная кавычка? Не надо раскидывать грабли на пустом месте.

Да, создаём словарь/массив, заполняем его данными, кодируем в json, отправляем в браузер, декодируем обратно в словарь/объект.

@Torovich · 17.07.2018, 16:01

Рыжий Лис, согласен, тогда так

PHP

1 2	$title = ["title" => $stat->titleM(), "text" => $stat->textM()]; echo json_encode($title);

@maxoun · 17.07.2018, 16:03 **[ТС]**

Рыжий Лис, а как на стороне клиента применять это?
Если я делаю responseText то туда ставится все подряд.
но мне нужна была что бы к примеру title которая передается через json в js была в переменной title , а текст в переменной text

@Torovich · 17.07.2018, 16:09

Javascript

1 2	var title = data.title; var text = data.text;

@maxoun · 17.07.2018, 16:14 **[ТС]**

Torovich, Torovich, сейчс попробую

Добавлено через 1 минуту
Torovich, тогда как лучше будет это сделать

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

Зачем нужен аякс запрос если все равно пользователь практически переходит на другую страницу ? А перерисовывать каждый раз страницу..

Может быть оставить ссылку как есть и только когда открывается новая страница тогда и делать это все?

@Torovich · 17.07.2018, 16:18

Здесь на твоё усмотрение. Главное, чтоб глаз радовало.

@D_Vik · 17.07.2018, 16:22

maxoun,

Фиг знает как оно лучше ,но я бы предпочел роутинг по средствам php нежели аякс подгрузку. Если у тебя на странице будет не 2 переменные , а 30 ? И не 1 блок а 5 , по мне так лучше все ето сформировать с помощью php.

@maxoun · 17.07.2018, 16:25 **[ТС]**

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

по мне так лучше все ето сформировать с помощью php.

но в таком случае оно будет загружаться долго и мучительно не так ли?

Добавлено через 42 секунды

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

Здесь на твоё усмотрение. Главное, чтоб глаз радовало.

получается пример который вы мне показали с помощью json, так можно и данные с бд комментарий вытаскивать нет?

@D_Vik · 17.07.2018, 16:27

maxoun,

С чего такие выводи вдруг ?

@Torovich · 17.07.2018, 16:27

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

данные с бд комментарий

Можно.

@maxoun · 17.07.2018, 16:33 **[ТС]**

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

2
var title = data.title;
var text = data.text;

выводит вот что на f12 сеть

Fatal error: Cannot redeclare class Connect in C:\xampp\htdocs\blog\function\connect.php on line 2

когда пытаюсь делать data.title выводит undenfined

Javascript

1 2	const data = xhttp.responseText; alert(data.title);

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

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

С чего такие выводи вдруг ?

но как без ajax ты попытаешься такое сделать?

@Torovich · 17.07.2018, 16:36

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

Fatal error: Cannot redeclare class Connect in C:\xampp\htdocs\blog\function\connect.php on line 2

Это уже ошибка в соединении с БД.

@D_Vik · 17.07.2018, 16:36

maxoun,

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

@maxoun 21 / 44 / 11 Регистрация: 08.02.2018 Сообщений: 443
	17.07.2018, 16:03 [ТС]	10
	Рыжий Лис, а как на стороне клиента применять это? Если я делаю responseText то туда ставится все подряд. но мне нужна была что бы к примеру title которая передается через json в js была в переменной title , а текст в переменной text 0

@Torovich 87 / 48 / 24 Регистрация: 29.11.2016 Сообщений: 243
	17.07.2018, 16:18	13
	Здесь на твоё усмотрение. Главное, чтоб глаз радовало. 0

@Torovich 87 / 48 / 24 Регистрация: 29.11.2016 Сообщений: 243
	17.07.2018, 16:36	19
	Сообщение от maxoun Fatal error: Cannot redeclare class Connect in C:\xampp\htdocs\blog\function\connect.php on line 2 Это уже ошибка в соединении с БД. 0

@D_Vik 368 / 234 / 68 Регистрация: 19.07.2016 Сообщений: 833
	17.07.2018, 14:52	3
	maxoun, Думаю это не совсем правильная реализация формирования статей . Нужно смотреть в сторону MVC хотя бы. Добавлено через 2 минуты Зачем нужен аякс запрос если все равно пользователь практически переходит на другую страницу ? А перерисовывать каждый раз страницу.. Ну не знаю , сомнительное занятие. 1

@maxoun 21 / 44 / 11 Регистрация: 08.02.2018 Сообщений: 443
	17.07.2018, 14:55 [ТС]	4
	Torovich, подскажите пожалуйста, вот вы сделали json формат, как на стороне клиента я должен его принять, и занести их в переменную? 0

@Torovich 87 / 48 / 24 Регистрация: 29.11.2016 Сообщений: 243
	17.07.2018, 15:48	7
	Рыжий Лис, а зачем нам json_encode, если у нас ответ уже в json. Если использовать, то сначала создать массив, потом через json_encode на вывод. 1

Рыжий Лис Просто Лис 5731 / 3530 / 1055 Регистрация: 17.05.2012 Сообщений: 10,360 Записей в блоге: 9
	17.07.2018, 15:53	8
	А если в $stat->titleM() будет содержаться двойная кавычка? Не надо раскидывать грабли на пустом месте. Да, создаём словарь/массив, заполняем его данными, кодируем в json, отправляем в браузер, декодируем обратно в словарь/объект. 1

@maxoun 21 / 44 / 11 Регистрация: 08.02.2018 Сообщений: 443
	17.07.2018, 16:14 [ТС]	12
	Torovich, Torovich, сейчс попробую Добавлено через 1 минуту Torovich, тогда как лучше будет это сделать Сообщение от D_Vik Зачем нужен аякс запрос если все равно пользователь практически переходит на другую страницу ? А перерисовывать каждый раз страницу.. Может быть оставить ссылку как есть и только когда открывается новая страница тогда и делать это все? 0

@D_Vik 368 / 234 / 68 Регистрация: 19.07.2016 Сообщений: 833
	17.07.2018, 16:22	14
	maxoun, Фиг знает как оно лучше ,но я бы предпочел роутинг по средствам php нежели аякс подгрузку. Если у тебя на странице будет не 2 переменные , а 30 ? И не 1 блок а 5 , по мне так лучше все ето сформировать с помощью php. 0

@maxoun 21 / 44 / 11 Регистрация: 08.02.2018 Сообщений: 443
	17.07.2018, 16:25 [ТС]	15
	Сообщение от D_Vik по мне так лучше все ето сформировать с помощью php. но в таком случае оно будет загружаться долго и мучительно не так ли? Добавлено через 42 секунды Сообщение от Torovich Здесь на твоё усмотрение. Главное, чтоб глаз радовало. получается пример который вы мне показали с помощью json, так можно и данные с бд комментарий вытаскивать нет? 0

@D_Vik 368 / 234 / 68 Регистрация: 19.07.2016 Сообщений: 833
	17.07.2018, 16:27	16
	maxoun, С чего такие выводи вдруг ? 0

@Torovich 87 / 48 / 24 Регистрация: 29.11.2016 Сообщений: 243
	17.07.2018, 16:27	17
	Сообщение от maxoun данные с бд комментарий Можно. 0