Как организовать выгрузку из SQL без перезагрузки страницы?

Question

[Ankozar]

Пишу новостной агрегатор.

Сделал парсинг новостей с сайтов и занесение этих данных в MySQL (заголовок новости, адрес картинки, дату и т.д.). Это всё на php.

На свой сайт вывожу новости в соответствии с выбранными юзером селекторами (страна, регион, количество новстей из источника и т.д.).
Делаю это тупо с помощью include/файл_вытаскивающий новости_из-базы.php (post.php)

Хочу пойти дальше - подгружать новости без перезагрузки страницы.

Погуглил, нашёл 2 способа: ajax и load.

Ajax ругается на стадии $.parseJSON. Видимо, дело в том, что результат post.php - команда echo $news_block. А этот самый $news_block состоит из переменных, в которых разный код, в том числе, html. Например,

$news_block = $news_title
$news_title = "<div>" . $var . "<div>"

Если это пихать в JSON, видимо, JSON выходит неправильный.

Ну а $()load(post.php) почему-то грузит файл (вижу в панели разработчика), но в блоке ничего не меняется.

В общем, не понимаю, как это организовать.

UPD:
да, была проблема с синтаксисом. Разобрался.
Теперь новая проблема.
Прихожу к тому, что нужно в json передать примерно следующее:

$var1 = html . $var0 . html;
$var 2 = $array;
$var3 = html;

json_encode($var1 . $var2 . $var3);

До этого передавал просто $var2.

А тут в консоли пишет: html . $var0 . htmlArrayhtml.

То есть, мне нужно перед первым элементом массива добавить html и после последнего. Но перед - не статичный html, а с ещё одной переменной. И вот теперь тут я застрял.

Comments

[Дмитрий]

Доброе утро.

Ну а $()load(post.php) почему-то грузит файл

Не почему-то, а правильно грузит.

Если это пихать в JSON, видимо, JSON выходит неправильный.

Для возврата ответа используйте json_encode();

[Ankozar]

Дмитрий,
уточняю: использую. Ругается при $.parseJSON. Не с того символа начинается. Если добавляю / в начале и в конце формируемой переменной. он вроде говорит что дальше что-то там неправильно.

[Дмитрий]

Ankozar, для возврата используйте json_encode() и никакого html туда не пихайте. Весь html уже прикручивайте в js.

[Ankozar]

Дмитрий, хы. Блин, кучу кода переписывать... =)
Спасибо, надо подумать....

[Дмитрий]

Ankozar, в json_encode() передавайте массив с данными.

return json_encode(['title' => $title, 'text' => $text]);'

[Дмитрий]

Ankozar, почему кучу кода?
Код по формированию html с данными перенесите в succes и в цикле разбирайте ответ сервера.

[Ankozar]

И вправду, не кучу.....

Уточню: у меня в json будут кодироваться, например, ссылки на картинки. Там и слеши, и точки, и ещё какие угодно символы - нормально должно быть?

[Somewhere Intech]

Ankozar, сделайте endpoint отдельный(php файл) для ajax запросов, чтобы не путать кислое с пресным. Опишите там методы опираясь на get и post параметры запроса. Удобнее гораздо, особенно для новичка

[Ankozar]

Дмитрий, а можете подсказать, как быть, если php у меня выводит одну переменную несколько раз? В результате цикла. Допустим, я сделаю переменную массивом. Но тогда не пойму, в какой момент её разбирать и формировать блоки.
Допустим, я беру три новости. У меня три заголовка, три ссылки на новость и три картинки.

Запрашивать одну новость я научился. Получается, блок формируется и выводится на страницу.

[Ankozar]

Johnny Lowhunter, а можете подсказать, как быть, если php у меня выводит одну переменную несколько раз? В результате цикла. Допустим, я сделаю переменную массивом. Но тогда не пойму, в какой момент её разбирать и формировать блоки.
Допустим, я беру три новости. У меня три заголовка, три ссылки на новость и три картинки.

Запрашивать одну новость я научился. Получается, блок формируется и выводится на страницу.

[Somewhere Intech]

Ankozar, так вы сначала наполните массив новостей данными, а уж потом отдавайте вывод json_encode этого массива

[Дмитрий]

Ankozar, вот Вам ссылка с примером.
Нажимаете "Execute code" и получаете массив с тремя новостями.

[Дмитрий]

Но тогда не пойму, в какой момент её разбирать и формировать блоки.

Ankozar, в js разбирать.

$.ajax({
  /**/
 success: function(response){
    //тут разбираете ответ сервера в цикле.
 }
})

[Александр Попов]

Мне кажется, вам просто нужно сделать правильное экранирование символов перед отдачей в json_encode, хотя вообще говоря она должна автоматически всё что надо экранировать. Можете скинуть куда-нибудь фрагмент JSON, который у вас не парсится? Я посмотрю, на что именно он ругается.

[Ankozar]

Дмитрий, вот вроде я понимаю. Но загвоздка в том, что у меня вот такой массив, по идее, получается:

$news = [];
$source = [];

for($i=0; $i<3; $i++){
   array_push($news, ['title' => 'Title news' . $i, 'text' => 'Text news' . $i]);
};
for($j=0; $j<2; $j++){
    array_push($source, ['source_title'=>'source_title' . $j, $news]);
};

То есть, из базы берётся i строк из j таблиц (i новостей из j источников). Каждая строка, в свою очередь, состоит из 3 ячеек.
И есть ещё одна ячейка- название источника. Её нужно вывести отдельным блоком, она идёт из отдельной таблицы.
В результате, на странице: блок источника =блок названия + блок новости.

Выводить подряд блоки новостей из разных источников я научился. А вот впистать все новости источника в отдельный div, да ещё в начале этого div засунуть div с заголовком... Вот тут у меня мозгов не хватает...

[Ankozar]

Александр Попов, да, была проблема с синтаксисом. Разобрался.
Теперь новая проблема.
Прихожу к тому, что нужно в json передать примерно следующее:

$var1 = html . $var0 . html;
$var 2 = $array;
$var3 = html;

json_encode($var1 . $var2 . $var3);

До этого передавал просто $var2.

А тут в консоли пишет: html . $var0 . htmlArrayhtml.

То есть, мне нужно перед первым элементом массива добавить html и после последнего. Но перед - не статичный html, а с ещё одной переменной. И вот теперь тут я застрял.

[Дмитрий]

Ankozar, я Вам показал как собрать массив, но это не значит, что Вы должны этот пример копировать себе в код.

[Александр Попов]

Ankozar, вы, мне кажется, не понимаете принцип работы json_encode. Ей на вход нужно передавать не строку, а именно массив или объект (строку в формате JSON она как раз вернёт).

[Ankozar]

Всем спасибо за советы! Разобрался.