如何设置jqueryajaxpost数据

Question

我是 JavaScript 的初学者，所以我需要帮助。

我有一些 HTML 有一个按钮：

<div class="row">
        <div class="col-lg-1 offset-lg-1">
            <div class="profile-photo">
                <object data="image/avatar.svg" type=""></object>
            </div>
        </div>
        <div class="col-lg-10">
            <div class="text-area-comments">
                <textarea name="post-comments" maxlength="255" id="post-comments" rows="3" placeholder="Your Message" required=""></textarea>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-11 offset-lg-1">
            <div class="button-post-comment text-right">
                <button class="btn btn-warning text-muted" type="submit" id="send">Send</button>
            </div>
        </div>
    </div>

现在我需要post从页面到后端的新评论。

$("#send").click(function() {
  $.ajax({
    url: '***',
    type: 'POST',
    dateType: 'json',
    data: {
      "text": $("#post-comments").val(), "parent": null,
      _method: 'POST'
    },
    success: function(data){

    }
  });
});

谁能帮助我 - 我接下来必须做什么？

Answer 1

根据 http://frontend-test.pingbull.com/ 上 API 的规范，您设置了错误的字段名称。您的字段应称为 "content"，而不是 "text"。您需要更加注意细节。它说：

Request: POST http://frontend-test.pingbull.com/pages/YOUR E-MAIL/comments

Params:

content - text

parent - ID of parent comment or NULL

$("#send").click(function() {
  $.ajax({
    url: 'http://frontend-test.pingbull.com/pages/you@yourdomain.com/comments',
    type: 'POST',
    dataType: 'json',
    contentType: 'application/json',
    data: {
      "content": $("#post-comments").val(),
      "parent": null
    },
    success: function(data) {
      console.log(JSON.stringify(data));
    }
  });
});

特别注意"content": $("#post-comments").val()。您还有一个拼写错误 dateType，我已将其更正为 dataType。

这是一个工作演示：http://jsfiddle.net/extmnzw5/10/

P.S。我意识到 text/comments 混淆部分是我的错 - 我建议使用 text 作为示例。您在评论中给出的规范措辞格式不正确，因此不清楚。最好让我们从一开始就访问完整的规范。

如何设置jqueryajaxpost数据

how to set jquery ajax post data

javascript

ajax

jquery

post

backend