Fetch input value from certain class and send with jquery

Question

<input id="u1" class="username">
<input id="u2" class="username">
<input id="u3" class="username">
...

How to fetch input value with "username" class and send with ajax jquery to php page.

i want to recive data like simple array or simple json. (i need INPUT values and not ids)

Amber · Accepted Answer · 2011-06-14 05:08:01Z

2

var inputValues = [];
$('input.username').each(function() { inputValues.push($(this).val()); });

// Do whatever you want with the inputValues array

answered Jun 14, 2011 at 5:08

Amber

531k89 gold badges643 silver badges558 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

jeremysawesome · Accepted Answer · 2011-06-14 05:10:07Z

1

I find it best to use jQuery's built in serialize method. It sends the form data just like a normal for submit would. You simply give jQuery the id of your form and it takes care of the rest. You can even grab the forms action if you would like.

$.ajax({
  url: "test.php",
  type: "POST",
  data: $("#your-form").serialize(),
  success: function(data){
    //alert response from server
    alert(data);
  }
});

answered Jun 14, 2011 at 5:10

jeremysawesome

7,2745 gold badges35 silver badges38 bronze badges

Comments

Gaurav · Accepted Answer · 2011-06-14 05:53:50Z

1

var values = new Array();
$('.username').each(function(){
    values.push( $(this).val());
});

edited Jun 14, 2011 at 5:53

answered Jun 14, 2011 at 5:09

Gaurav

28.8k9 gold badges54 silver badges81 bronze badges

Collectives™ on Stack Overflow

Fetch input value from certain class and send with jquery

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related