Adding query string to Ajax url call

Question

I wanna kn is it possible to pass query string along with URL when we call on Jquery Ajax;

Example :

    $.ajax({
           type: "POST",
           url: "index.php?task=addNewInfo",
           data: $('#regForm').serialize(),
           dataType: "json",
              .....
      });

So does the query string from the param task works fine? or we need to do it the other way? Thank you.

You're using POST. your serialized data is the... "query string"... or more accurately, the parameters you're sending. It only becomes a query string if you're using GET. — Greg Pettit
– Greg Pettit, Commented May 11, 2012 at 3:07
It seems you are accessing task through $_GET and other data through $_POST. You should send the task in the data instead of querystring. — Imdad
– Imdad, Commented May 11, 2012 at 3:41
@GregPettit — The query string component of the URL is the query string no matter what HTTP verb is used for the request. — Quentin
– Quentin, Commented Jan 4, 2014 at 9:36

Imdad · Accepted Answer · 2012-05-11 03:45:34Z

9

Send the task in the data parameter

data:"task=addNewInfo&" + $('#regForm').serialize()

This is for using POST method. If you want to use GET method then Arun's solution will work fine.

answered May 11, 2012 at 3:45

Imdad

6,0424 gold badges37 silver badges53 bronze badges

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

Comments

Arun P Johny · Accepted Answer · 2012-05-11 05:00:01Z

4

I think the following will work fine

url : "index.php?task=addNewInfo&" + $('#regForm').serialize()

But why do you want to pass the form values as query params? The post request will pass the values as request params anyway. These params will be sent via the request body which is why you are using POST request type.

edited May 11, 2012 at 5:00

answered May 11, 2012 at 3:39

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Comments

user1125394 · Accepted Answer · 2014-01-04 12:41:09Z

0

Yes. query-string and request body are 2 different things in HTTP requests. jQuery wrap the data in the query-string for GET requests, which is probably the source of confusion

GET request: the body (or payload) is empty, only the url holds data.
POST request: fill the body as you like, either with url-encoding like you did, or with json-encoding

answered Jan 4, 2014 at 12:41

user1125394

Collectives™ on Stack Overflow

Adding query string to Ajax url call

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related