Is it possible to send object in url jquery

Question

data.push({
    name: name,
    age: age,
    address: address,
    contactnumber: contactnumber

});

var url = '../reports/student.php?data='+data;
window.open(url, '_blank');

../reports/student.php?data=[object%20Object]

Above is an object i want to send to another page so i can retrieve it and use it on the next page to generate a report. The url is looking like the one above i am not sure if this is possible and if possible how can i get the value of each data in the object.If not possible please point me to the right direction any idea is ap

Use POST with data as JSON in the body.

user1907906
– user1907906

2015-04-29 08:15:43 +00:00
Commented Apr 29, 2015 at 8:15 — user1907906
– user1907906, Commented Apr 29, 2015 at 8:15

marsh · Accepted Answer · 2015-04-29 08:44:00Z

8

if you definetly want to use GET request, use JSON.stringify:

var url = '../reports/student.php?data='+ encodeURIComponent(JSON.stringify(data));

But better way will be a POST request.

You also can use jQuery.param():

var data = {
  name: 'yourname',
  age: 1,
}

var params = jQuery.param(data) // 'name=yourname&age=1'
var url = '../reports/student.php?'+ params;

edited Apr 29, 2015 at 8:44

answered Apr 29, 2015 at 8:15

marsh

1,4411 gold badge13 silver badges19 bronze badges

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

5 Comments

Pekka Over a year ago

it is ok if i dont stringify the data before sending i mean i want to do all retrieving in the next page?i mean i dont want to put stingify in the sending of data in url is it possible and how can i get the data now that i have sent it using jquery not php

Pekka Over a year ago

my question is how will i get the value now in second page?

marsh Over a year ago

there is simple function for parsing get params by JS stackoverflow.com/questions/901115/…

Pekka Over a year ago

should i pass the entire url to the function of just the data?

marsh Over a year ago

for get a data param you call like this: getParameterByName('data')

Community · Accepted Answer · 2017-05-23 12:24:30Z

1

jQuery.param():

Create a serialized representation of an array, a plain object, or a jQuery object suitable for use in a URL query string or Ajax request. In case a jQuery object is passed, it should contain input elements with name/value properties.

The doc also states, that

If the object passed is in an Array, it must be an array of objects in the format returned by .serializeArray()

So in your case:

var url = '../reports/student.php?' + jQuery.param(serializeArray(data));

To unserialize you should use jQuery BBQ's deparam function, as per cce's answer in this SO question: The $.param( ) inverse function in JavaScript / jQuery.

edited May 23, 2017 at 12:24

CommunityBot

11 silver badge

answered Apr 29, 2015 at 8:21

TazGPL

3,7442 gold badges41 silver badges60 bronze badges

2 Comments

Pekka Over a year ago

how can i retrieve these value in the second page?

Pekka Over a year ago

what i am getting in url is ?data=undefined=

Collectives™ on Stack Overflow

Is it possible to send object in url jquery

2 Answers 2

5 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related