php - jquery .submit() 没有将值传递给操作页面

Question

我正在尝试使用 jquery 中的 .submit 在 div“内容”中加载 php 页面的内容。我面临一个问题，当我按下提交 btn 时，值不会传递到操作页面。这是表单代码

<form id="f1" action="attandace/students/take_attandance.php" method="post" enctype="multipart/form-data" >
    <table>
        <tr>
            <td><label id="sb">Subject Name</label></td>
            <td>
                <select id="s_b" name="subject_name">
                    <option value="0">Select</option>
                    <?php echo $option; ?>
                </select>
            </td>
            <td><label id="cn">Class Name</label></td>
            <td>
                <select id="c_n" name="class_name">
                    <option value="0">Select</option>
                    <?php echo $option2; ?>
                </select>
            </td>
        </tr>
        <tr>
            <td colspan="4"><div align="center"><input id="btn" type="submit" name="tk" value="Take Attandance" /> 
           </div></td>
        </tr>
    </table>
</form>

jquery脚本：

$(document).ready(function(e) 
{
    $('form').submit(function(e)
    {
        e.preventDefault();
        $('#content').load($(this).attr('action'));
    });
});

Answer 1

您需要使用参数传递值data。

你可以利用.serializeArray()它。

$(document).ready(function (e) {
    $('form').submit(function (e) {
        var $form = $(this);
        e.preventDefault();
        $('#content').load($form.attr('action'), $form.serializeArray());
    });
});