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

编程问答 2022-05-15

问题描述

我只想向 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 (将#修改为@）

apiapihtmljavascriptpastebinxmlhttprequestxmlhttprequest