Question

我想要执行将一些信息传递给api的任务，并且希望以用户友好的方式进行操作。我必须将输入转换为json字符串，然后将其发布到api，但是我不知道该怎么做。

前端只是一个简单的表单，用html编写，具有：名称，描述，开始时间，结束时间

信息必须像这样传递：

  "id": "name"
  "description": "something"
  "timeStart": "9am"
  "timeEnd": "10am"

Answer 1

我的代码如下。您可以参考您的项目。是jQuery中的ajax

var inputData = {
id: $('#name').val()
description: $('#description')
timeStart: $('#timeStart').val()
timeEnd: $('#timeEnd').val()}

$.ajax({ method: 'POST', url: url, data: inputData, error: function(error) {}, success: function(response) {}, })

Answer 2

这个问题有很多可能的答案，其中许多取决于您或您的客户可以使用的技术。

例如，有一个xttprequest对象，它是这样做的旧方法，但是它需要您投入很多。

有jQuery ajax。比较简单，但是您必须使用jQuery。

$.ajax({
  url: 'api endpoint',
  method: 'post',
  data: {
    "id": "name"
    "description": "something"
    "timeStart": "9am"
    "timeEnd": "10am"
  },
  success: functionToHandleResponse
});

最新方法涉及fetch interface。但是，并非所有浏览器support this。像没有一个IE浏览器一样。

因此，这实际上取决于您要实现的目标。

要获得一些有用的见解，您可以下载postman app并在此处提出要求，然后单击右侧的“代码”并选择所需的方法。然后根据需要进行修改。

使用JavaScript创建用户友好的POST到宁静的API

2 个答案: