Как сделать ajax запрос из массива php?

Question

[Олег Галимов]

Доброе время суток.
У меня php скрипт по получению списка записей с SOAP-сервере.
Записи получаю виде формирования таблицы в массиве.
Вот кусок php

//Успешно получили список записей с SOAP-сервера.
echo "<form id='myForm' method='post' style='display:inline;'><table class='info'><tr><td><h1>Существующие записи в доменном имени $namedomain</h1></td></tr><tr><td><table class='info_2'><tr><td>N</td><td class='number_id'>ID *</td><td>Действие</td><td>Хост</td><td>Тип записи</td><td>Приоритет</td><td>Вес</td>
<td>Порт</td><td style='width:200px'>Значение</td><td>Алгоритм</td><td>Приведение типа</td><td>Комментарий</td></tr>";
foreach($getrrrecord->data as $key =>$record)
	{
	echo"<tr class='$record->id' name='domain_id'><td>".($key+1)."</td>
	<td><span class='number_id'>".$record->id."</span></td>
	<td><button id='butt_cler' name='submitData'>Удалить</button></td>
	<td>".$record->owner."</td>
	<td>".$record->type_record."</td>
	<td>".$record->pri."</td>
	<td>".$record->weight."</td>
	<td>".$record->port."</td>
	<td class='td_value'>".$record->data."</td>
	<td>".$record->sshfp_algorithm."</td>
	<td>".$record->sshfp_type."</td>
	<td>".$record->info."</td></tr>";
	}
echo '</table></td></tr></table></form>';

Я вставил кнопку чтобы удалить запись. Но не как не могу сделать ajax запрос, чтобы после нажатия кнопки удалить, скопировались все данные сроки tr на которой выла кнопка нажата и вставить скопированные данные в новою форму
Чтоб получилось примерно так.

Пожалуйста напишите Ajax запрос могу заплатить.

Comments

[NataliaCh]

аякс запрос не нужен, чтобы скопировать уже выведенные данные в другое место на этой же странице.

[Олег Галимов]

NataliaCh, А как это сделать без перегрузки странички?

[NataliaCh]

Олег Галимов, js (jquery). Обращаетесь к нужному элементу (ячейке таблицы в вашем случае), сохраняете данные и вставляете в другой элемент вашей страницы (поле формы, как я понимаю).
Аякс вам нужен был бы, чтобы удалить данные из БД, например.

[NataliaCh]

Реализовать что? Удаление данных табличной строки в вашем примере? Или вывести эти данные в форму для каких-то иных целей?

[Олег Галимов]

NataliaCh, вывести эти данные в форму для повержения удаления

if (isset($_POST['#butt_cler']))
	{ 	
	echo '<form class='forma_3' action='soap_action_deleterrrecord.php' method='post'>
<tr<td></td>
<td><input type='text' name='id' value='".$record->id."'></td>
<td>".$record->owner."</td>
<td>".$record->type_record."</td>
<td>".$record->pri."</td>
<td>".$record->weight."</td>
<td>".$record->port."</td>
<td class='td_value'>".$record->data."</td>
<td>".$record->sshfp_algorithm."</td>
<td>".$record->sshfp_type."</td>
<td>".$record->info."</td></tr>";
<input type='text' name='id' value='".$record->id."'>
<input class='button' type='submit' name='deleteRrRecord' value='Удалить запись домена'>
</form>';
	}

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

[NataliaCh]

Насколько я понимаю, вам все-таки нужно именно удалить запись. У записи есть некий id и по этому id удаление происходит в файле soap_action_deleterrrecord.php. Так?

Если так, то вам не надо городить никаких форм. А нужен действительно ajax запрос. Который будет передавать id записи и обращаться к файлу soap_action_deleterrrecord.php.
Если повесите на кнопку "Удалить" id=id вашей записи,

<button id='id_записи' name='submitData' class="delete_btn">Удалить</button>

то на jquery такой запрос может выглядеть так:

$('.delete_btn').click(function(){
    var $this = $(this);
    var $value  = $this.attr('id'); 
    $.post("soap_action_deleterrrecord.php", {id: $value}, function(respons) {
          if (respons) {
                console.log('удалено'); 
          }
    }); 
});

Ну а в файле soap_action_deleterrrecord.php считываете $_POST['id'] и удаляете запись.

Примерно так. Этот код - просто принцип. Он не безопасен..В открытом виде id записи лучше не передавать. Можно зашифровать как-нибудь...И на стороне сервера проверять права доступа к удалению, возможность удаления данной записи и прочее, что там актуально у вас.

[Олег Галимов]

NataliaCh,
Доброе утро.
Интересное решение но, я хочу вывести проверочную форму на удаления записи домена.
Как вытащить значение с td, и внести их в новою форму?

[NataliaCh]

Зачем проверочная форма на удаление? Юзер и так видит, что он удаляет - вся инфа в строке вашей таблицы. Вы хотите избыточность кода, лишние действия для юзера да еще и перезагрузку страницы? Сначала нажать на кнопку "удалить" в таблице, потом еще и данные формы отправлять... Если вам нужно просто подтверждение удаления ("Вы действительно хотите удалить запись?"), то можно обычный confirm на кнопку "удалить" повесить.

Вы уверены, что вам нужна форма?

[Олег Галимов]

NataliaCh,
Благодарю за ответы!
Сделал так работает и удаляет

$(function() {
   $('.delete_btn').click(function(){
    var $this = $(this);
    var $value  = $this.attr('id');
	var $item = $(this).closest("tr").find(".owner").text();
	if(confirm('Вы уверены, что хотите удалить '  +($item)))
    $.post("../reg/soap_action_deleterrrecord.php", {id: $value}, function(respons) {
          if (respons) {
                alert('удалено'); 
          }
    }); 
});
});

Только как потом клиента перекидывать на index.php?

[NataliaCh]

Вы аякс запрос сделали специально, чтобы никуда не перекидывать :) Чтобы юзер остался на той же странице.
Вместо алерта вставьте удаление строки таблицы... Типа:

if (respons) {
               $this.parent('tr').remove();
          }

[Олег Галимов]

NataliaCh,
А как сделать чтоб по завершению удаления перекидывала клиентов на индекс?

[NataliaCh]

в своем скрипте soap_action_deleterrrecord.php делаете редирект на свой индекс. header("Location: URL").
Но только повторю - смысла во всей этой конструкции нет. Аякс делают, когда хотят оставить юзера на странице. Если вы изначально хотели после удаления перебрасывать куда-то, то вместо кнопки "удалить" такой код вставляли бы:

<form action='soap_action_deleterrrecord.php' method='post'>
     <input type='hidden' name='id' value='".$record->id."'>
     <input type='submit' name='deleteRrRecord' value='Удалить' class='button'  >
</form>

И никакого js.