Question

我收到Cross origin request denied错误。

这就是我尝试过的

 var data_send = JSON.stringify({
  "email_to": "mati.cazas99@gmail.com",
  "name_to": "mati",
  "subject": "hola"
});

var settings = {
  "async": true,
  "crossDomain": true,
  "url": "https://webhook.site/36abc701-73f2-41bb-9db5-2a38c40c5c29",
  "method": "POST",
  "headers": {
    "Content-Type": "application/json"
  },
  "processData": false,
  "data": data_send
}

$.ajax(settings).done(function (response) {
  console.log(response);
});

我已经尝试了一切，但无法解决。

请帮助我解决问题。

Answer 1

我尝试了您的代码，这里似乎没有CORS错误。

这就是我尝试过的

<!DOCTYPE Html>
<Html>
    <head>
    <script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
    </head>
    <body>

    <script>

    var data_send = JSON.stringify({
  "email_to": "mati.cazas99@gmail.com",
  "name_to": "mati",
  "subject": "hola"
});

var settings = {
  "async": true,
  "crossDomain": true,
  "url": "https://webhook.site/36abc701-73f2-41bb-9db5-2a38c40c5c29",
  "method": "POST",
  "headers": {
    "Content-Type": "application/json"
  },
  "processData": false,
  "data": data_send
}

$.ajax(settings).done(function (response) {
  console.log(response);
});
    </script>
    </body>
</Html>

仅仅是响应是空的？是这个问题

Answer 2

您可以从后端允许它。

res.header("Access-Control-Allow-Origin", "*");
  res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");

执行ajax请求时出现access-control-allow-origin错误

2 个答案: