String to array of JSON object

Question

I try to send data to my NodeJS server using HTTP protocol (vue-resource). I want to send a array of JSON object like this : [{"name":"Charlotte","surname":"Chacha","birth":"2000-04-02"},{"name":"Michael","surname":"Mic","birth":"1999-01-30"}].

My front code :

window.onload = function () {
  var gamme = new Vue({
    el:'#gamme',
    data: {
      myListe: []      
    },
    methods: {
      sendListe: function() {
        this.$http.get("/NewListe?liste="+this.myListe).then(response=> {
          if (response.body) {
            console.log(response.body);
          }
        });           
      }
    }
    })
}

And my back code :

server.app.get("/NewListe", function(req, res) {
  try {
    let liste= req.query.liste;
    console.log(liste);
  } catch (e) {
    console.log(e);
  }
})

When I try to display the variable liste in the server side console, I obtain this : [object Object] . liste is a string type that I can't use. I would like to have an array of JSON, like in front.

I tried to parse like this JSON.parse(operationsGamme) , but I have this error : SyntaxError: Unexpected token o in JSON at position 1

did you tried "/NewListe?liste="+JSON.stringify(this.myListe)? — Manuel Spigolon
– Manuel Spigolon, Commented Apr 2, 2021 at 8:58
The problem is that "/NewListe?liste="+this.myListe results in "/NewListe?liste=[object%20Object]". You can use stringify but a better solution is to use a POST request instead. Note that there's no such thing as a "JSON object". this.myListe is an object, and sending it to the server is done by turning it into a JSON string i.e. text. — user5734311
– user5734311, Commented Apr 2, 2021 at 8:59
@ManuelSpigolon Yes I tried. I still have a string variable, when I tried to log it, I have this : [,]. And if I want to parse it, I have the same error than before. — CamilleClc
– CamilleClc, Commented Apr 2, 2021 at 9:05
@ChrisG I tried by changing GET into POST on both side, and the problem still persist. — CamilleClc
– CamilleClc, Commented Apr 2, 2021 at 9:05
You're probably still sending it as part of the URL then. Use this.$http.post("/NewListe", { liste: this.myListe }) instead, make sure express has bodyparser middleware enabled, then use server.app.post(...) and check req.body.liste — user5734311
– user5734311, Commented Apr 2, 2021 at 9:06

batman567 · Accepted Answer · 2021-04-02 12:22:56Z

1

You should surely be using a POST method if you are sending JSON data to the server - a GET just isn't designed for that sort of usage.

answered Apr 2, 2021 at 12:22

batman567

9583 gold badges12 silver badges30 bronze badges

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

Comments

Vishak P · Accepted Answer · 2021-04-02 09:24:05Z

0

Since you have passed a JSON in the url, it will be URLEncoded. So, in the backend before you do JSON.parse(liste), you should do decodeURI(liste). decodeURI() will return the JSON string which you can parse and use it in your code. I hope this will fix your problem.

answered Apr 2, 2021 at 9:24

Vishak P

11 bronze badge

Collectives™ on Stack Overflow

String to array of JSON object

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related