Отправить форму с уникальным HREF

Question

Так что я хочу сделать это, поэтому у меня есть опция удаления страницы в виде ссылки href. Проблема в том, что я не могу понять, как отправить данные (POST или GET) на сервер, чтобы он работал. Моя идея что-то вдоль линий

<li><a href="javascript:void()" id="page" name="page" value="'.$row['id'].'" onClick="DeletePage()">Delete Page</a></li> 

<script> 
function DeletePage() { 
      $.ajax({ 
      type: 'post', 
      url: 'calls.php', 
      data: $("#deletepage").serialize() + $("#page").val(), 
      success: function (data) { 
      alert(data); 
      } 
      }); 
} 
</script> 

Я процесс, установленных в виде deletepage. IE. Скрытая переменная с именем process, которая сообщает странице вызовов для запуска функции удаления. Есть ли способ сделать это? Я сделал некоторые изменения в моей форме структуры и у меня есть

foreach($resource as $row){ 
       echo "<tr>"; 
       echo "<td>".$row['id']."</td>"; 
       echo "<td>".$row['name']."</td>"; 
       echo "<td>".$row['enabled']."</td>"; 
       echo '<td><div class="input-group-btn"> 
         <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Action <span class="fa fa-caret-down"></span></button> 
         <ul class="dropdown-menu"> 
         <li><a href="./editpage.php?id='.$row['id'].'">Edit Page</a></li> 
         <li><a href="#">Disable Page</a></li> 
         <li><a href="#">Enable Page</a></li> 
         <li class="divider"></li> 
         <form id="deletepage"> 
         <input type="hidden" name="process" id="process" value="deletepage"> 
         <input type="hidden" name="pageid" id="pageid" value="'.$row['id'].'"> 
         </form> 
         <li><a href="javascript:void()" id="page" name="page">Delete Page</a></li> 
         </ul> 
        </div></td>'; 
       echo "</tr>"; 

Сейчас он работает (Вид) можно удалить первую страницу, но после того, что он не принимает данные в прошлом, что и генерировать новая форма. Я думаю, что это потому, что идентификатор формы просто извлекается из первой формы с таким именем, поэтому мне нужно будет дать форме уникальное имя, а затем создать функцию ajax в цикле. . Calls.php

require_once($_SERVER['DOCUMENT_ROOT'].'/settings.php'); 
if(isset($_POST['process'])){ 
    switch($_POST['process']){ 
     case 'login': 
     $static->Login(); 
     break; 
     case 'logout': 
     session_destroy(); 
     break; 
     case 'updatepage': 
     $admin->UpdatePage(); 
     break; 
     case 'addpage': 
     $admin->AddPage(); 
     break; 
     case 'deletepage': 
     print_r($_POST); 
     break; 
    } 
} 

Answer 1

Вы используете JQuery. Он имеет метод лучше (проще) пост(): http://api.jquery.com/jquery.post/

Там у вас есть этот пример для вызова PHP функции:

$.post("test.php", { func: "getNameAndTime" }, function(data) { 
    console.log(data.name); // John 
    console.log(data.time); // 2pm 
}, "json"); 

EDIT

Я полагаю, что это то, что вы хотите, чтобы приблизить (со всеми вместе):

$.post("test.php", { func: $("#page").val(), mydata: $("#deletepage").serialize() }, function(data) { 
     console.log(data.name); // John 
     console.log(data.time); // 2pm 
    }, "json"); 

РЕДАКТИРОВАТЬ 2 После разговора AB из некоторых форм с тем же идентификатором, может быть, что может помочь вам:

function DeletePage() { 

$("body").find(".deletePageForm").each(function(index, element){ 
     $.ajax({ 
     type: 'post', 
     url: 'calls.php', 
     data: $(element).serialize() + $("#page").val(), 
     success: function (data) { 
     alert(data); 
     } 
     }); 

    }); 
} 

Answer 2

Вы можете использовать jQuery.ajax или URL:

<li><a class="edit_page"><input type="hidden" value="' . $row['id'] . '">Delete Page</a></li> 

    <script> 
    $(".edit_page").click(function(){ 
     var page_id = $(this).find('input').val(); 
     $.ajax({ 
      type: 'post', 
      url: 'calls.php', 
      data: {id : page_id}, 
      success: function (data) { 
       alert(data); 
      } 
     }); 
    } 
    </script> 

URL

<?php echo '<li><a href="calls.php?id='.$row['id'].'">Delete</a></li>';?> 

или что-то вроде этого

foreach ($array as $row) { 
    echo '<li><a href="calls.php?id='.$row['id'].'">Delete</a></li>' 
} 

Answer 3

Конечным результатом является предоставление uniq ue для форм и сгенерировать сценарий ajax в цикле foreach. Что Законченное передавая данные, необходимые является:

 foreach($resource as $row){ 
      echo ' <script src="http://code.jquery.com/jquery-1.9.1.js"></script>'; 
       echo "<script> 
       $(function() { 
       $('#page".$row['id']."').on('click', function (e) { 
       e.preventDefault(); 

      $.ajax({ 
      type: 'post', 
      url: 'calls.php', 
      data: $('#deletepage".$row['id']."').serialize(), 
      success: function (data) { 
       alert(data); 
      } 
      }); 

     }); 

     }); 
</script>"; 
       echo "<tr>"; 
       echo "<td>".$row['id']."</td>"; 
       echo "<td>".$row['name']."</td>"; 
       echo "<td>".$row['enabled']."</td>"; 
       echo '<td><div class="input-group-btn"> 
         <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Action <span class="fa fa-caret-down"></span></button> 
         <ul class="dropdown-menu"> 
         <li><a href="./editpage.php?id='.$row['id'].'">Edit Page</a></li> 
         <li><a href="#">Disable Page</a></li> 
         <li><a href="#">Enable Page</a></li> 
         <li class="divider"></li> 
         <form id="deletepage'.$row['id'].'"> 
         <input type="hidden" name="process" id="process" value="deletepage"> 
         <input type="hidden" name="pageid" id="pageid" value="'.$row['id'].'"> 
         </form> 
         <li><a href="javascript:void()" id="page'.$row['id'].'" name="page'.$row['id'].'">Delete Page</a></li> 
         </ul> 
        </div></td>'; 
       echo "</tr>"; 

Я признателен за любую помощь, которая была дана, что указал мне по-разному.