Convert Array object into string jquery

Question

I am posting a form via ajax and want to send the form data like string . Below is my code .

var formdata=$(this).serializeArray();
var objList = [];
for (var i = 1; i <= $("input[name=Range]").val(); i++) {

tempObj = {};

$.each(formData, function (key, value) {


                        if (value.name.startsWith("member"){

                        }
                        else {
                            tempObj[value.name] = value.value;
                        }

                    });


                    tempObj["member"] = $("input[name=member"+i+"]").val();

                    tempObj["Range"] = 1;




                    objList.push(tempObj);

                }

                console.log(objList);

If Range = '2' I get 2 Array Object in console like this:

Name:"John"  
Department:"Training"  
Areacode:"23"
Member:"2"



Name:"Sam" 
Department:"HR"
Member:"2"
Areacode:"13"

But I want to post is data as a Form Url like:

"Name=John&Department=Training&Member=2&Areacode=23"   



  "Name=Sam&Department=HR&Member=1&Areacode=13"

What can I do in code ?

Is the array something like this: {Name:"Sam" , Department:"HR", Member:"2", Areacode:"13"} — Gerardo BLANCO
– Gerardo BLANCO, Commented May 4, 2018 at 16:44

Gerardo BLANCO · Accepted Answer · 2018-05-05 15:27:28Z

3

I will continue your code insteed of modifying what you have.

We start from objList. And we will map this array to create a new array but insteed of an object array it will be a string array.

You can then add the reduce method to iterate over the object and crete you string no matter how many values it has.

var formdata = $(this).serializeArray();
var objList = [{
Name:"John", 
Department:"Training"  ,
Areacode:"23",
Member:"2"},{
Name:"Sam" ,
Department:"HR",
Member:"2",
Areacode:"13",
Extra:"value"}];

let arrStr = objList.map(obj => {
  return Object.entries(obj).reduce( (key, val,i) => `${key}${i>0?'&':''}${val[0]}=${val[1]}`, "");
})

console.log("This is the array of strings:"+arrStr);
console.log("String 1:"+arrStr[0]);
console.log("String 2:"+arrStr[1]);

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

"Name=John&Department=Training&Member=2&Areacode=23"

Hope this helps :)

edited May 5, 2018 at 15:27

answered May 4, 2018 at 16:53

Gerardo BLANCO

5,6481 gold badge20 silver badges36 bronze badges

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

6 Comments

Pankash Mann Over a year ago

For reference I have given 4 values i.e Name , Department, Area Code , Member but in form i have 30 values in total which i need to post , is their any one line code ? Or simply serialize this thing ?

Gerardo BLANCO Over a year ago

I edited the answer. This code will take care no matter how many values or objects you have. You can see i added an extra value to the second object. I combined @TiagoCoelho with my answer to complete this code. If this works please upvote his answer too. :)

Gerardo BLANCO Over a year ago

please dont forget to upvote @TiagoCoelho answer. And thank for the upvote jajaja

Pankash Mann Over a year ago

Hello again above code make one string , which Contains both of them , is there any possible was so that i can get 2 strings ?

Pankash Mann Over a year ago

I wanted it like 1{"Name=John&Department=Training&Member=2&Areacode=23" } 2{"Name=Sam&Department=HR&Member=1&Areacode=13" }

|

Tiago Coelho · Accepted Answer · 2018-05-04 17:02:03Z

2

From the tempObj you already have:

const tempObj = {
  Name:"John"  ,
  Department:"Training"  ,
  Areacode:"23",
  Member:"2"
}

const strObj=Object.entries(tempObj).reduce( (str, entry,i) => `${str}${i>0?'&':''}${entry[0]}=${entry[1]}`, "")
    
console.log(strObj)

edited May 4, 2018 at 17:02

answered May 4, 2018 at 16:55

Tiago Coelho

5,10313 silver badges17 bronze badges

1 Comment

Pankash Mann Over a year ago

It works if i have to send 1 string , if i have multiple request i combines everthing in one string like ["Name=John &Department=Training&Areacode23","Name=Sam&Department=HR&AreaCode=23"]

Collectives™ on Stack Overflow

Convert Array object into string jquery

2 Answers 2

6 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related