如何将包含对象数组的json对象转换为url编码格式

Question

I am trying to convert json object to url encoded format but my json contains array objects so jQuery.param() function is not working. please tell me how to achieve this. This is the json:

{"details":
 [
   {"product_name":"knee 
   cap","price":"123","quantity":"2","size":"small","color":"blue"}, 
   {"product_id":2,"product_name":"soft 
   pillow","price":"123","quantity":"2","size":"small","color":"blue"}
 ]
}

Answer 1

I suggest to pass the JSON data as a POST request but if you want to pass in URL use this :

 var result = encodeURIComponent(JSON.stringify(object_to_be_serialised))

 const params = { "details": [{ "product_name": "knee cap", "price": "123", "quantity": "2", "size": "small", "color": "blue" }, { "product_id": 2, "product_name": "soft pillow", "price": "123", "quantity": "2", "size": "small", "color": "blue" }] } document.write( encodeURIComponent(JSON.stringify(params)) ) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 

Answer 2

I assume you are looking for a JavaScript solution, which runs in the browser ...

1. You can convert any JavaScript object into a string via JSON.stringify
2. You can url encode any string with the encodeURIComponent function

Example:

const json = {details: [{name: "foo"}, {name: "bar"}]};
const s = encodeURIComponent(JSON.stringify(json));
console.log(s);

This will give you:

%7B%22details%22%3A%5B%7B%22name%22%3A%22foo%22%7D%2C%7B%22name%22%3A%22bar%22%7D%5D%7D

Answer 3

Try this:

var l = {
  details: [
    {
      product_name: "kneecap",
      price: "123",
      quantity: "2",
      size: "small",
      color: "blue"
    },
    {
      product_id: 2,
      product_name: "soft pillow",
      price: "123",
      quantity: "2",
      size: "small",
      color: "blue"
    }
  ]
};

function encode(obj, prefix) {
  var str = [],
    p;
  for (p in obj) {
    if (obj.hasOwnProperty(p)) {
      var k = prefix ? prefix + "[" + p + "]" : p,
        v = obj[p];
      str.push(
        v !== null && typeof v === "object"
          ? encode(v, k)
          : encodeURIComponent(k) + "=" + encodeURIComponent(v)
      );
    }
  }
  return str.join("&");
}

console.log(encode(l));

codepen