要加载的jQuery post参数

Question

如何将txtname和tel的值作为变量传递给.load ???

$(document).ready(function(){
    $("#add").click(function(){
        $("#result").load("add.php", {name: #txtname});
    });
});

html:

<p>Name:<input type="text" name="name" value="" id="txtname" /></p>
<p>Telephone:<input type="text" name="tel" id="tel" value="" /></p>
<input type="submit" value="Submit" id="add" />

Answer 1

$(document).ready(function() {
    $("#add").click(function() {
       $("#result").load("add.php", {
           name: $("#txtname").val(), 
           tel: $("#tel").val()
       });
    });
});

Answer 2

我找到了一个很好的方法 - 如果要从表单中提取并仍然想使用.load(),请使用serializeArray()作为数据部分.它可以为您节省一些额外的工作.

var form_data = $('#my-form').serializeArray();
$('.my-container').load('/myurl/', form_data);