php - jquery $.post 的 POST 信息是否在父页面中发送

Question

我有一个父页面，其中有一个下拉列表。使用 onchange 事件，使用 $.post() 将数据发布到第二页。此页面使用发布的变量来输出 mysql 数据，每行都有一个复选框。然后使用 jquery 将该页面输出插入到父页面 $('#DIV name').html(output).show();

然后，用户可以看到带有相应复选框的 mysql 表行。然后他们选择所需的复选框并说删除。删除是一个表单提交按钮。

我的问题是，当他们点击删除时，我如何从第二页获取表单数据并将其与父页面的表单数据一起发布，以便我可以使用 $_POST[] 获取复选框信息并删除选定的表格行？

父页面代码示例为:

javascript/jquery

<script type="text/javascript">
        function get(row){      //row being processed, defined in onchange="get(x)"
            ('getpeopleinjobs.php',{        //data posted to external page
        postvarposition: form["position"+row].value,        //variable equal to input box, sent to external page
        postvarjob: form["job"+row].value,      //variable equal to input box, sent to external page
        postvarperson: form["person"+row].value,        //variable equal to drop down list, sent to external page
        postrow: row},      //variable equal row being processed, sent to external page
            function(output){ 
                $('#training'+row).html(output).show();     //display external results in row div
                //popupWindow = window.open('t4.php?variable1Name=Vicki&amp;variable2Name=Maulline','popUpWindow','height=400,width=1000,left=10,top=10,resizable=yes,scrollbars=yes,toolbar=no,menubar=no,location=no,directories=no,status=yes')
                    });
                }
</script>

表单数据

 <tr>
    <td>
    <?PHP echo $i; ?>
    </td>
    <td>
        <input type=text NAME="position<?PHP echo $i; ?>" id="position<?PHP echo $i; ?>"  style="border: 1px solid #2608c3;color:red; width=200px" value="<? echo mysql_result($resultpositionjob,$r,0);?>"> 
    </td>
    <td>
        <input type=text NAME="job<?PHP echo $i; ?>" id="job<?PHP echo $i; ?>"  style="border: 1px solid #2608c3;color:red; width=200px" value="<? echo mysql_result($resultpositionjob,$r,1);?>"> 
    </td>
    <td>
        <SELECT NAME="person<?PHP echo $i; ?>" id="person<?PHP echo $i; ?>" style="border: 1px solid #2608c3;color:red; width=200px" onchange="get(<? echo $i; ?>);"> 
        <OPTION VALUE=0 >
        <?=$optionpeople?> 
        </SELECT>
    </td>
    <td onclick="train(<? echo $i; ?>);" style="color:grey; cursor: pointer;">
    <div id="training<?PHP echo $i; ?>"><font color=grey size=2></div>
    </td>
    <td>
        &nbsp;
    </td>
    </tr>
    <?PHP
        $i++;
        $r++;
        }
    ?>

jquery调用的第二个页面或页面，输出为:

        echo 
        "
        <table border=0 width=400>
            <tr>
                <td width=20>
                    &nbsp;
                </td>
                <td width=150>
                    <b>Position<b>
                </td>
                <td>
                    <b>Job<b>
                </td>
            </tr>
        ";
        while($line = mysql_fetch_array($result))
   {
        echo "
            <tr>
                <td>
                ";
        ?>
        <input type=checkbox name="delete[]" id="delete[]" value="<?php echo $rows['id']; ?>">
        <?PHP
        echo    "
                </td>
                <td>
                ";
        echo $line['position'];
        echo    "
                </td>
                <td>
                ";
        echo $line['job'];
        echo    "
                </td>           
            </tr>
            ";
        } 
            ?>
            <tr>
                <td>
                    <input type=submit name="update" id="update" value="Update">
                </td>
            </tr>
        </table>
        <?PHP       
 }

重复一遍，我希望第二页中的表格复选框元素与父页面的表单数据一起发布。

这可能吗，因为我的测试没有给我带来任何运气。

我做错了什么或者我需要修改jquery代码吗？

一如既往地感谢您的帮助。

Answer 1

没有第二页。确实 - 您正在从第二页加载 HTML 内容，但它被插入到父页面中。从浏览器的角度来看，所有内容都位于同一页面中。只要字段位于元素内的 DOM 内，就应该包含这些字段。使用浏览器的开发人员工具或 Firefox 的 Firebug 确保内容放置在 DOM 的表单元素内。开发人员工具还应该能够准确地向您显示提交表单时哪些变量被提交到服务器。

“form”的“action”参数将指示内容提交的位置(似乎您已将这部分内容遗漏在 HTML 中，因此无法判断您是否遗漏或只是未包含它)在粘贴中。