Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/440.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用ES6获取API_Javascript_Post_Ecmascript 6_Api Design - Fatal编程技术网

Javascript 如何使用ES6获取API

Javascript 如何使用ES6获取API,javascript,post,ecmascript-6,api-design,Javascript,Post,Ecmascript 6,Api Design,我对API和ES6非常陌生。如果用户名和密码不正确,我将如何发布并获得回复。顺便说一句,这个网站不工作。 fetch('http://thisissamplewebsite.com', { 方法:“post”, 正文:JSON.stringify({ 电子邮件:document.getElementById('email').value 答案:document.getElementById('answer').value }) }); 消费API 您的代码中有一些错误: 您在html表单中拼写

我对API和ES6非常陌生。如果用户名和密码不正确,我将如何发布并获得回复。顺便说一句,这个网站不工作。
fetch('http://thisissamplewebsite.com', {
方法:“post”,
正文:JSON.stringify({
电子邮件:document.getElementById('email').value
答案:document.getElementById('answer').value
})
});

消费API

您的代码中有一些错误:

  • 您在html表单中拼写错误了
    方法
  • 您正在传递一个无效的JSON对象。您在对象之间错过了一个
    。但是无论如何
    document.getElementById('answer').value
    您没有以answer作为其id的元素
  • (由于未包含回迁库,因此您的截取无效)
  • (删除代码片段js区域中的
    标记。它们不是必需的)
  • 该代码段也无法正常工作,因为API URL没有响应
  • 有关更多信息,请查看fetch的文档。
    fetch('http://thisissamplewebsite.com', {
    方法:“post”,
    正文:JSON.stringify({
    电子邮件:document.getElementById('email').value
    //答案:document.getElementById('answer').value
    })
    });
    
    
    消费API
    
    服务器响应将作为
    response.text()返回


    你在html代码中拼错了方法。他们有一个非常好的获取文档。看这里,科林。你能帮我组织一下这段代码吗?你的代码行不通,因为你试图把then部分放在
    JSON.stringify()函数之后。它必须在
    fetch()函数之后。
    
    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
      })
    });