Question

我是API和ES6的新手。如何发布用户名和密码，如果不正确，我将如何获得响应。顺便说一句，这个网站没有用。

＆＃13;

    fetch('http://thisissamplewebsite.com', {
    method: 'post',
    body: JSON.stringify({
        email: document.getElementById('email').value
        answer: document.getElementById('answer').value
    })
});

＆＃13;

<!DOCTYPE html>
<html>
<head>
    <title>Consume API</title>
</head>
<body>
<form method="POST">
<input type="email" id="email" placeholder="email"  value="aaa@yahoo.com"/>
<input type="password" id="password" placeholder="password"  value="12345"/>
<input type="submit" value="Submit">
</form>


</body>
</html>

＆＃13;

Answer 1

您的代码中有一些错误：

您在html表单中拼错了method
您正在传递无效的JSON对象。您在对象之间错过了一个,。但无论如何document.getElementById('answer').value你没有回答作为其id的元素。
（由于你没有包含获取库，你剪断了不工作）
（删除代码段中js区域中的<script>标记。这些标记不是必需的。）
该代码段也无法正常运行，因为API网址没有响应。

查看fetch的文档以获取更多信息。 fetch on github

fetch('http://thisissamplewebsite.com', {
    method: 'post',
    body: JSON.stringify({
        email: document.getElementById('email').value
        //answer: document.getElementById('answer').value
    })
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/fetch/2.0.3/fetch.min.js"></script>
<!DOCTYPE html>
<html>
<head>
    <title>Consume API</title>
</head>
<body>
<form method="POST">
<input type="email" id="email" placeholder="email"  value="aaa@yahoo.com"/>
<input type="password" id="password" placeholder="password"  value="12345"/>
<input type="submit" value="Submit">
</form>


</body>
</html>

Answer 2

服务器响应将返回response.text()

fetch('http://example.com', {
  method: 'post',
  body: JSON.stringify({
    email: document.getElementById('email').value,
    password: document.getElementById('password').value
  }).then(function(response) {
    alert(response.text());
    //document.getElementById('answer').innerHTML = response.text();
  }, 
  function(error) {
    // handle network error
  })
});

如何使用ES6获取API

2 个答案: