JQuery, Javascript, AJAX POST json to rest api

Question

I have a problem with posting data to a REST API, it should be done like this:

curl -X POST -H "Accept: application/json" -H "Content-Type: application/json" \
 -d '{"event":{"title":"event", "description": "nice", "start": "2018-03-11T22:00:00.000Z"}}' \
 http://events.restdesc.org/events

I have the following code:

function eventedit(request){
    console.log(request);
    var title = $("#title").val();
    var desc = $("#desc").val();
    var start = $("#start").val();
    start += ".000Z";
    $.ajax({
        url: request,
        type: "POST",
        dataType:'json',
        success: function (response) {
            console.log(response);
        },
        error: function(error){
            console.log("Something went wrong", error);
        }
    });
}

Like you see, I need to add data in my ajax request, but I don't know how to do it, do I need to make a string containing those values? Or an array?

in your ajax data: {"title":"event", "description": "nice", "start": "2018-03-11T22:00:00.000Z"} — Junius L
– Junius L, Commented Apr 25, 2017 at 14:26
which in your case would be data: {"title":title, "description": desc, "start": start} assuming your title, description, and start variables are correct. — Jonas Grumann
– Jonas Grumann, Commented Apr 25, 2017 at 14:27

Junius L · Accepted Answer · 2017-04-25 14:41:32Z

3

In your $.ajax call add data.

 $.ajax({
    url: request,
    type: "POST",
    data: {"event":{"title": title, "description": desc, "start": start}},
    dataType:'json',
    success: function (response) {
        console.log(response);
    },
    error: function(error){
        console.log("Something went wrong", error);
    }
});

for POST you can also use a shorthand $.post

  $.post(request, {"event":{"title": title, "description": desc, "start": start}}, function(data){
    console.log(data);
});

edited Apr 25, 2017 at 14:41

answered Apr 25, 2017 at 14:30

Junius L

16.2k6 gold badges61 silver badges105 bronze badges

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

2 Comments

fangio Over a year ago

what about the "event" like in this example -> '{"event":{"title":"event", "description": "nice", "start": "2018-03-11T22:00:00.000Z"}}'

Junius L Over a year ago

@fangio do you need event?

Daniel Fanica · Accepted Answer · 2017-04-25 14:35:54Z

0

Just use it like this if you're making a POST

$.post(request, {title: title, description: desc, start: start}, function (data) {
    console.log(data);
});

answered Apr 25, 2017 at 14:35

Daniel Fanica

4501 gold badge4 silver badges11 bronze badges

Collectives™ on Stack Overflow

JQuery, Javascript, AJAX POST json to rest api

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related