关于 .load jQuery 函数的问题

Question

我正在使用 .load 函数，但遇到了一些问题：

<form id="register_frm" method="post" action = "/login/register/"> 
    <fieldset>
        <legend>New User:</legend> 
        <div>
        <label for="id_email">Email</label>
        <input id="id_email" type="text" name="email" maxlength="30" /> 
        </div>      
        <div> 
        <label for="id_conf_email">Confirm Email</label> 
        <input id="id_conf_email" type="text" name="conf_email" maxlength="30" /> 
        </div> 
    </fieldset> 
<input name = "register" type="submit" value="Register" /> 
</form>

我正在尝试编写一个 .load 脚本，如果 2 个电子邮件地址匹配，它将显示成功方法。

function register_js() {
    $('#register_frm').load('/register/confirm');
    return false;
    }

$(document).ready(function () {
    ('#register_frm').submit(register_js);
    });

1. 如何更改代码以使.load 提交post 请求而不是get？
2. 当我覆盖注册按钮时，如何使.load 提交email 和conf_email 字段以便我可以在服务器端进行验证？

Answer 1

你不想使用load 你想使用post。

$(document).ready(function () {
    $('#register_frm').submit(function() {
        var $form = $(this);
        // if you want to get the url from the action use
        // var url = $form.attr('action');
        var url = '/register/confirm';
        $.post( url, $form.serialize(), function(html) {
            $form(html);
        });
        return false;
    });
});

请注意，如果您不重用 cmets 中所述的 $form 变量，您可以简单地在 post 的参数中使用 $(this).serialize()。