提交具有唯一HREF的表单

时间:2015-05-16 07:18:09

标签: javascript php jquery html

所以我想这样做,所以我有一个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>

我在删除页面中设置了进程。 IE浏览器。一个名为process的隐藏变量,它告诉调用页面运行deletepage函数。 有没有办法做到这一点? 我对表单结构进行了一些更改,我有

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>";

现在它有效(种类)我可以删除第一页,但之后它不会将数据过去并生成新表单。我之所以这么认为,因为表单id只是从第一个表单中提取该名称,所以我必须给表单一个唯一的名称,然后在循环中创建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;
    }
}

3 个答案:

答案 0 :(得分:1)

您正在使用Jquery。它有一个更好(更简单)的post()方法: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");

修改

我想这就是你想要近似的东西(全部在一起):

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

编辑2 在谈论具有相同ID的某些表单后,这可能会对您有所帮助:

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);
        }
      });

   });
}

答案 1 :(得分:0)

您可以使用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>'
}

答案 2 :(得分:0)

最终结果是为表单提供唯一标识符,并在foreach循环中生成ajax脚本。 结果传递所需的数据是:

        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>";

我感谢任何以不同方式指出我的帮助。