php - jQuery 序列化由 php 输出创建的表单

Question

如何在 jquery 中序列化由 php 输出生成的表单？

    $qrform = '<form action="" method="post" id="qrgen">
    <p><strong>Bookmark a Website</strong></p>
    Title<input type="text" name="title"><br />
    Url<input type="text" name="url"><br />
    <input type="submit" value="Generate"></form>';

    echo $qrform ;

现在，此数据由 AJAX 请求显示。一个 php 函数输出数据，然后在浏览器窗口中显示表单。

提交表单时，如何在 jquery 中序列化此表单？

Answer 1

你需要的是

jQuery('#qrgen').serialize();

Answer 2

如果您通过 ajax 获取表单，则更新代码，您需要像这样绑定提交按钮：

​$(function () {
    $(document).on('submit', '#qrgen', function (e) {
        e.preventDefault(); //Prevent normal form submittion
        var $form = $(this);

        $.ajax({
            url: $form.attr('action'),
            data : $form.serialize(),
            success: function(data) {
                alert('Ajax was successful');
            },
            type : 'POST' //'POST' or 'GET'
        });
    });
});​