jQuery post-Parameter zum Laden

Question

Wie übergebe ich die Werte von txtname und tel als Variablen an die .load ???

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

Die 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

ich einen guten Weg gefunden habe, dies zu tun - verwenden serializeArray() für den Datenteil, wenn Sie ziehen aus einem Formular und möchte immer noch .load() verwenden. Es kann Ihnen einige zusätzliche Arbeit ersparen.

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

Answer 5

Sie können auch Ihre Eingaben in eine Form wickeln

<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> 

So können Sie Ihre Parameter pflegen

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