jQuery post parámetro para cargar

Question

¿Cómo paso los valores de txtname y tel como variables a .load ???

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

El 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

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

Answer 3

$('.element').load('page.php', {var1:'value1', var2:'value2'}, function() { 
// actions after load page (optional) 
}); 

Answer 4

he encontrado una buena manera de hacer esto - utilizar serializeArray() para la parte de datos, si usted está tirando de un formulario y todavía quiere usar .load(). Puede ahorrarte un trabajo extra.

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

Answer 5

También puede envolver sus entradas en una forma

<form action="add.php" method="GET" id="my_form"> 
    <p>Name:<input type="text" name="name" value="" id="txtname" /></p> 
    <p>Telephone:<input type="text" name="tel" id="tel" value="" /></p> 
    <input type="button" value="Submit" id="add" /> 
</form> 

Así se puede mantener fácilmente sus parámetros

$(document).ready(function() { 
    $("#add").click(function() { 
    $("#result").load(
     $("my_form").attr('action') 
    , $("my_form").serialize() 
    }); 
    }); 
});