Sending and using POST variables using jQuery.ajax()

Question

Is it possible to access $_POST variables without appending all the form elements into the data attribute?

Ajax call:

$.ajax({
       type: "POST",
       url: "ajax/user.php",
       data: {**data**},
       success: this.saveUserResponse
     });

Accessing variables:

if(isset($_POST['saveUser']) && $_POST['saveUser']){
  $user = $_POST['username'];
  ...
  ...  
  exit;
}

Or do i need to append all form elements to the data attribute, like:

var userId = $('#userId').val();
$.ajax({
       type: "POST",
       url: "ajax/user.php",
       data: {user : userId, etc...  },
       success: this.saveUserResponse
     });

Thanks for your help

Community · Accepted Answer · 2017-05-23 11:48:22Z

3

You can use the .serialize() method on the form to do that for you.

$.ajax({
       type: "POST",
       url: "ajax/user.php",
       data: $("#formid").serialize(),
       success: this.saveUserResponse
     });

See Help with Jquery and multiple forms on a page.

You can also use the jQuery Form plugin to make this work a lot simpler. Using that, you can create a normal form in HTML (which you already have), set it up using method="POST" and action="ajax/user.php", and then call $("#formid").ajaxForm(this.saveUserResponse) on load. This sets up everything and has the additional advantage that it will probably also work (in most rudimentary form) when JavaScript is disabled.

edited May 23, 2017 at 11:48

CommunityBot

11 silver badge

answered Jun 8, 2010 at 14:05

MvanGeest

9,6714 gold badges43 silver badges41 bronze badges

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

Comments

SLaks · Accepted Answer · 2010-06-08 14:06:16Z

2

jQuery will only send data that you explicitly pass to the server.

You can pass the values of all of the form elements by passing $('form').serialize().

answered Jun 8, 2010 at 14:06

SLaks

891k182 gold badges1.9k silver badges2k bronze badges

Collectives™ on Stack Overflow

Sending and using POST variables using jQuery.ajax()

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related