AJAX表单提交

Question

以下代码不提交输入值：

$('.button').live('click', function()  {
        var date = $('#date', this).val();
        var guests = $('#guests', this).val();

        $('.resLoad').load('/confirmation.php?guests='+guests+'&date='+date);
});

它将页面加载到正确的div中，但变量列为未定义。

<form class="resConf" action="" method="get">
    <input type="text" name="date" id="date" class="eventname" readonly="readonly" value="1234" /><br class="big" />
    <input type="text" class="eventguest" id="guests" maxlength="2" name="guests" value="" /><br class="big" /> 
    <input type="button" class="button" value="submit" name="submit" />

</form>

Answer 1

$('#date', this)

正在搜索ID为date的元素，即按钮的后代;这是不正确的。

$('.button').live('click', function()  {
        var date = $('#date').val();
        var guests = $('#guests').val();

        $('.resLoad').load('/confirmation.php?guests='+guests+'&date='+date);
});

会工作。