JQuery.get () - How do I pass a text field value to a data parameter?

Question

There is one form with textbox id="name"and a button.

After the user clicks the button, I want to execute $.get()to capture the answer. (So ​​far I have received .click ())

How to pass the value that the user enters into the text field as the {data} parameter in the get function?

Thank!

Answer 1

You can do this:

$('.button_class').click(function(){
  var val = $('#name').val();

  $.get('example.php', {name: val}, function(data) {
   alert(data);
  });

});

Answer 2

$.get("user_clicked_handler.php", { name: $("#name").val() },
   function(data){
     alert("Data Loaded: " + data);
   });

Call $ ("# name"). val () returns the value of the input field.

Answer 3

, Google.

jQuery val().

$("input#name").val();