Javascript HTTP POST input JSON error

Question

I am trying to add JSON request into a HTTP POST javascript code like below. Please see the code below.

My problem is, I need to input following format JSON and send it. But, I am getting Uncaught SyntaxError: Unexpected token : Could you please advise, What is wrong formatting JSON in my code below?

Sample JSON format to be sent=> {"records":[{"value":{"foo":"bar"}}]}

Code:

function savedata() {

    var membernameStr = parseInt(document.getElementById("MemberID").value).toString();
    var data = JSON.stringify({


        "records": [["value":{"MemberID":membernameStr,"MemberName":"Anna", "AccountNo":"7623", "Address":"Peter", "AccountType":"Peter"}]]

    });
    var xhr = new XMLHttpRequest();
    xhr.addEventListener("readystatechange", function () {
        if (this.status == 200) {
            console.log(this.responseText);

            // Based on successful response, call next POST API.
            var xhr1 = new XMLHttpRequest();
            xhr1.open("POST", "http://localhost:3500");
            xhr1.send(data);

        }
    });
    xhr.open("POST", "http://localhost:8082/topics/topictest");
    xhr.setRequestHeader("Content-Type", "application/vnd.kafka.json.v2+json; charset=utf-8");
    xhr.setRequestHeader("Accept", "application/vnd.kafka.v2+json; charset=utf-8");
    xhr.send(data);
}

@Stella use like this` "records": [{"value":{"MemberID":"John","MemberName":"Anna", "AccountNo":"Peter", "Address":"Peter", "AccountType":"Peter"}}]` — Kalaiselvan
– Kalaiselvan, Commented Feb 2, 2018 at 5:13
Sorry, please see my updated question. Issue when I'm adding data dynamically "membernameStr" — Stella
– Stella, Commented Feb 2, 2018 at 5:14

Niral Munjariya · Accepted Answer · 2018-02-02 05:17:51Z

2

Your JSON was incorrect in the syntax, please have a look at below JSON:

{
  "records": [
    [
      {
        "value": {
          "MemberID": membernameStr ,
          "MemberName": "Anna",
          "AccountNo": "7623",
          "Address": "Peter",
          "AccountType": "Peter"
        }
      }
    ]
  ]
}

answered Feb 2, 2018 at 5:17

Niral Munjariya

1,39113 silver badges27 bronze badges

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

Comments

Bhavik Hirani · Accepted Answer · 2018-02-02 05:30:32Z

0

why did you use array within array ? you can also use as below ..

{
  "records": [
      {
        "value": {
          "MemberID": membernameStr ,
          "MemberName": "Anna",
          "AccountNo": "7623",
          "Address": "Peter",
          "AccountType": "Peter"
        }
      }
  ]
}

answered Feb 2, 2018 at 5:30

Bhavik Hirani

2,0264 gold badges32 silver badges50 bronze badges

Collectives™ on Stack Overflow

Javascript HTTP POST input JSON error

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