JQuery пост параметр для загрузки

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

Я нашел хороший способ сделать это - используйте serializeArray () для части данных, если вы извлекаете данные из формы и по-прежнему хотите использовать .load (). Это может сэкономить вам дополнительную работу.

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

Answer 3

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

Answer 4

Вы также можете заключить свои данные в форму

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

Так что вы можете легко поддерживать ваши параметры

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

Answer 5

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