JQuery, Javascript, AJAX POST json to rest api答案

【问题标题】：JQuery, Javascript, AJAX POST json to rest apiJQuery, Javascript, AJAX POST json to rest api
【发布时间】：2017-04-25 14:21:23
【问题描述】：

我在将数据发布到 REST API 时遇到问题，应该这样做：

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

我有以下代码：

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);
        }
    });
}

如您所见，我需要在我的 ajax 请求中添加数据，但我不知道该怎么做，是否需要创建一个包含这些值的字符串？还是数组？

【问题讨论】：

创建一个对象。
在你的 ajax data: {"title":"event", "description": "nice", "start": "2018-03-11T22:00:00.000Z"}
假设你的标题、描述和开始变量是正确的，在你的情况下是data: {"title":title, "description": desc, "start": start}。

标签： javascript jquery json ajax rest

【解决方案1】：

在您的$.ajax 电话中添加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);
    }
});

对于POST，您也可以使用简写$.post

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

【讨论】：

这个例子中的“事件”怎么样 -> '{“事件”：{“标题”：“事件”，“描述”：“nice”，“开始”：“2018- 03-11T22:00:00.000Z"}}'
@fangio 你需要活动吗？

【解决方案2】：

如果你要发 POST，就这样使用它

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

【讨论】：