How to Pass Json object in GET url query string

Question

I have a json object in javascript,

filters = Object {assetType: "CAR~LIGHT TRUCK", bodyType: "SEDAN~SPORT UTIL"}

I need to pass these values along with 5 more string value in query string.

url = '/starHome/exportToCsv/'+tier+'/?period='+period+'&level2='+level2+'&level3='+level3+'&level4='+level4+'&filters='+filters;

window.location.href = url; when I tried to get filter parameter value in controller request.getparamter("filters"); I get "[object object]"

how can I pass this value to controller?. I have a pojo class contains all these fields. Can I make use of that class?.

Hyyan Abo Fakher · Accepted Answer · 2017-10-25 09:46:25Z

8

I found the following as the best solution so far using Javasript

var a = {a:'foo',b:[1,2,3],g: {q:"8798"}};

var b = window.btoa(JSON.stringify(a)); 

console.log(b) // output eyJhIjoiZm9vIiwiYiI6WzEsMiwzXSwiZyI6eyJxIjoiODc5OCJ9fQ

// restore b again 
console.log(JSON.parse(window.atob(b))); // output : {a:'foo',b:[1,2,3],g: {q:"8798"}}

answered Oct 25, 2017 at 9:46

Hyyan Abo Fakher

3,5473 gold badges24 silver badges37 bronze badges

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

2 Comments

gauti Over a year ago

you are restoring b in java script itself. My question was to get them in back end controller.

Hyyan Abo Fakher Over a year ago

Oops , I missed this one , but in general still the same principle you can decode the base64 string in java then parse it as JSONObject

Miguel Mesquita Alfaiate · Accepted Answer · 2015-10-08 08:33:00Z

4

You can encode your json string in base64 and then use it in the url:

https://developer.mozilla.org/en-US/docs/Web/API/WindowBase64/btoa

answered Oct 8, 2015 at 8:33

Miguel Mesquita Alfaiate

2,9885 gold badges37 silver badges65 bronze badges

3 Comments

gauti Over a year ago

{window.btoa(filters);} is not helping.

Miguel Mesquita Alfaiate Over a year ago

@gauti what do you mean with is not helping?

gauti Over a year ago

I'm not able to decode the value as Map in controller.

onlymybest · Accepted Answer · 2015-10-08 08:59:37Z

1

You might be able to use jQuery.param()

    <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
    <script type="text/javascript">
    var filters = {assetType: "CAR~LIGHT TRUCK", bodyType: "SEDAN~SPORT UTIL"};
    filters = jQuery.param( filters );
    console.log("filters ", filters );
    //filters  assetType=CAR~LIGHT+TRUCK&bodyType=SEDAN~SPORT+UTIL

    url = '/starHome/exportToCsv/'+tier+'/?period='+period+'&level2='+level2+'&level3='+level3+'&level4='+level4+'&filters='+filters;
    </script>

answered Oct 8, 2015 at 8:59

onlymybest

3393 silver badges6 bronze badges

1 Comment

gauti Over a year ago

jQuery.param() is fine, but is there a way that I can get that value into a Map<String,Object> in controller?

Rusty · Accepted Answer · 2023-06-08 15:02:16Z

1

Another alternative is to use the encodeURI and decodeURI functions. First, we encode the JSON string so that it won't cause any issues in the URL. When we get the value back, we decode the string and then parse its JSON.

In this approach, the content is human readable and parsable at the backend without too much effort.

const values = {prices:[1,2,3], sale: true, minAmount: 500 };
const json = encodeURI(JSON.stringify(values));
const result = JSON.parse(decodeURI(json));

answered Jun 8, 2023 at 15:02

Rusty

4,5315 gold badges41 silver badges52 bronze badges

Comments

gauti · Accepted Answer · 2015-10-09 15:08:02Z

-1

Thanks Everyone, I have used JSON.stringify(filters); and in controller

String filtersString = request.getParameter("filters");
Map<String,Object> result = new ObjectMapper().readValue(filtersString, HashMap.class);

Kindly reply back, if there s a better approach.

answered Oct 9, 2015 at 15:08

gauti

5771 gold badge7 silver badges17 bronze badges

Collectives™ on Stack Overflow

How to Pass Json object in GET url query string

5 Answers 5

2 Comments

3 Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

2 Comments

3 Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related