Как отправить и получить ответ от php через ajax?

Question

[del993788]

Здравствуйте. Есть вот такая форма: https://jsfiddle.net/n3xz195L/ . Данные в таблицу, которую вы лицезреете, записываются вот таким образом

$query = "SELECT * FROM main ORDER BY id DESC";
$result = mysqli_query($link, $query);

if (!$result) {
    die(mysqli_error($link));
}
$n = mysqli_num_rows($result);
$articles = array();
for ($i=0; $i < $n; $i++) {
    $row = mysqli_fetch_assoc($result);
    $articles[] = $row;
}
return $articles;

А в html таблицы выглядит вот так:

<?php foreach($articles as $a): ?>
    <tr>
        <td class="formid"><?=$a['id']?></td>
        <td><?=$a['namenomer']?></td>
        <td><?=$a['datestart']?></td>
        <td><?=$a['dateend']?></td>
        <td><?=$a['nameclient']?></td>
        <td><?=$a['phoneclient']?></td>
    </tr>
<?php endforeach ?>

И вот всё это отлично работает. php обращается к бд, достаёт данные и выводит их в html.
Теперь вернёмся к форме https://jsfiddle.net/n3xz195L/ . Если вы нажмёте на строку таблицы, то у вас откроется popup окно, где должны быть указаны подробные данные этой строки. Теперь вопрос. Как по ajax отправить значение id строки, на которую мы нажали, чтобы php потом сделал выборку по этому id, и затем вывел данные в popup? И как мне указать переменные?

Answer 1

[Дмитрий]

Добрый вечер.
Вот Вам помощь:
раз
два

Comments

[del993788]

Добрый вечер. Допустим я передам data. Но как же мне тогда встретить данные? я же не могу использовать <?php foreach($articles as $a): ?>, ибо php у меня не подгрузился, а подгрузится только тогда, когда я запрос отправлю к нему.

[Дмитрий]

qqignatqq: Вы прочтите сначала статьи, ссылки на которые я дал, потом набросайте свой пример решения задачи. Не будет работать - приходите, обсудим.

[del993788]

slo_nik: Благодарю. Буду читать

[Дмитрий]

qqignatqq: На самом деле, ajax на jquery проще, чем Вам кажется. Отправить данные - элементарная задача.

[del993788]

slo_nik: Да, скорее всего, у меня данные уходят. Я проверить это не могу потому, что ответ получить не могу. Допустим

success: function(msg){
    $('.popformname').text($opredelen['namenomer'])
}

Вот мне нужно в место $opredelen['namenomer'] написать что-то, что будет эквивалентно php запросу $opredelen['namenomer']

[Дмитрий]

qqignatqq: Вы внимательно прочитали статьи? Я думаю, что нет.

success: function(msg){
    $('.popformname').text(msg)
}

Но это в том случае, если в ответе сервера простой текст. Если json, то обрабатывать надо будет по другому.
Вернуть лучше будет через json_endode() и перебрать при помощи parseJSON()

[del993788]

slo_nik: Я ошибался. До php не доходят данные. Я написал вот такой ajax

$(".molchanov").click(function(){
$.ajax({
type: "POST",
url: "../admin/forajax.php",
data: $('.formid').val(),
success: function(msg){
    $('.a-info').text('Успешная авторизация')
    $('.popformname').text($opredelen['namenomer'])
}
});
});

По сути, значение .val, которое равно 1 или 2 должно дойти до php и принять там значение переменной $formid

$formid = $_POST['dag']; // у input имя "dag"
$query = "SELECT * FROM main WHERE id = $formid";

Подставиться под mysql запрос и вывести данные. Но я ошибался, ибо до php данные не доходят. В консоли была ошибка, так как он не в курсе, что такое "dag"

[del993788]

slo_nik: Прочитал. Вернулся. Вы бы не могли по подробнее рассказать о том, как обработать ответ от php? Вот этот код

var id = $(this).find('td:first-child').text();
  console.log(id);
  $.post('../admin/forajax.php', { "id": id }, function( data ) {
    $('.popup').html( data ); // для проверки
  });

Вернул мне вот такой текст

array(1) { [0]=> array(10) { ["id"]=> string(1) "2" ["namenomer"]=> string(6) "xcvxcv" ["datestart"]=> string(10) "2016-11-16" ["dateend"]=> string(10) "2016-11-30" ["nameclient"]=> string(6) "xcvxcv" ["phoneclient"]=> string(9) "xcvxcvxcv" ["datebron"]=> string(10) "2016-11-17" ["timeofbron"]=> string(8) "07:26:28" ["type"]=> string(3) "xxc" ["pay"]=> string(3) "ccc" } }

Что мне теперь нужно сделать, чтобы ответ обрабатывался?
$('.popformid').text(['id'])
$('.popformname').text(['namenomer'])

Что я должен указать вместо id и namenomer, чтобы получить 2 и xcvxcv?

[Дмитрий]

qqignatqq: Передать данные php скрипту можно через serialize() формы
В php, естественно, делать инициализацию переменных и проверять, пришёл POST запрос или тент.
Возвращать данные через return json_encode(); передав в эту функцию json строку, функция работает только с кодировкой utf8.
В ajax, в success разобрать ответ сервера при помощи parseJSON.
Всё.

[del993788]

slo_nik: мде) ну ладно. хоть на этом спасибо

[Дмитрий]

qqignatqq: На стороне сервера собрать массив в виде $answer = ['type' => 'error', 'content' => 'Error'] для ошибки и для возврата данных $answer = ['type' => 'success', 'content' => ['id' => '*', 'что-то-ещё' => '*']]
Этот массив и передаётся в success ajax для jQuery.parseJSON, результат работы parseJSON перебирается в цикле и выводится туда, куда Вы хотите.

[Дмитрий]

qqignatqq: А Вы что ожидали, готовый код, подогнанный под Ваши требования?
Задача элементарная, на jquery, не ленитесь читать статьи, как работать с ajax при помощи jquery.

Answer 2

[Rou1997]

Можете по этой статье сделать, там именно сперва создается простейшая страница без AJAX вместе с базой данных, затем реализуется AJAX на XHR, затем переделывается на jQuery.

Comments

[del993788]

Почему на русском ты её не наколякал? Мог же. Хорошо бы зашла

[Rou1997]

qqignatqq: Я пробовал на Хабрахабре и пошло плохо, русские просто обожают хамить и критиковать, при этом среди них много надутых профессиОналов в области PHP, а на CodeProject и по PHP меньше зарегистрированных пользователей и население поадекватнее за счет индийцев и китайцев, которые культурнее чем большинство бледнолицых, да Вы на свой комментарий посмотрите, его тон по-Вашему адекватен ситуации?

[del993788]

Rou1997: я увидел в твоём нике знакомые для меня цифры. А раз уж ты мой ровесник, решил обращаться к тебе по-братски. Извини, если переборщил.