微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Vanilla JavaScript XMLHttpRequest - 如何正确设置标题例如:Pastebin Api

如何解决Vanilla JavaScript XMLHttpRequest - 如何正确设置标题例如:Pastebin Api

我只想向 pastebin API 发送 POST 请求并发布粘贴。 (香草JS) 我的问题是,即使我设置如下标题,也会出现此错误:“被 CORS 政策阻止:对预检请求的响应未通过访问控制检查:没有‘Access-Control-Allow-Origin’请求的资源上存在标头。” 我从 index.html 获取输入,然后将其放入正文。 (对于不熟悉 pastebin api 的人:https://pastebin.com/doc_api

我的 index.html:

<script src="hello.js"></script>
<input id="input" type="text" placeholder="Paste Text" />
<button onclick="hello()">Send</button>

我的 script.js:

function hello() {
  let request = new XMLHttpRequest();
  var input = document.getElementById("input");
  var body = {
    api_dev_key: "--insert your private dev key--",api_option: "paste",api_paste_code: input,};
  request.open("POST","https://pastebin.com/api/api_post.PHP");
  request.setRequestHeader("Access-Control-Allow-Origin","*");
  request.send(body);
  request.onload = () => {
    console.log(request);
    if (request.status === 200) {
      console.log(JSON.parse(request.response));
    } else {
      console.log(`error ${request.status} ${request.statusText}`);
    }
  };
}

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。