Jquery AJAX:请求的资源上不存在“Access-Control-Allow-Origin"标头 [英] Jquery AJAX: No 'Access-Control-Allow-Origin' header is present on the requested resource

问题描述

我正在尝试从我的 localhost:4502 端口将数据发布到 API.当我尝试使用 POSTMAN 将数据发布到此 API 时，通过提供基本授权密钥将数据添加到后端.我试图在 Ajax Jquery 调用中实现相同的功能，但出现 CORS 错误.我第一次在 jquery 中尝试发布数据，请在这里提供帮助，我可以添加什么.我已经获得了基本授权的 API 密钥，因为用户名和密码可以留空.

I am trying to post data to an API from my localhost:4502 port. When i tried to post data to this API using POSTMAN the data got added in the backend by providing the Basic Authorization key. The same i am trying to implement here in the Ajax Jquery call, but getting an CORS error. First time in jquery i am trying to post the data, please help here, what i can add. I have got the API key to for the Basic Authorization as a Username and Password can be left blank.

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

  <script>
               $(document).ready(function(){
               $("#Save").click(function(){

                  var person = new Object();
                  person.Name = $('#Name').val();
                  person.EmailAddress = $('#EmailAddress').val();
                  person.CustomFields = [0];
                  person.CustomFields[0].Key = "[Country]";
                  person.CustomFields[0].Value = $('#Country').val();;

               $.ajax({
                 url: 'https://api.createsend.com/api/v3.1/subscribers/7c7a6087b0e450ad72b38be83098e271.json',
                 type: 'POST',
                 dataType: 'json',
                 data:person,
                 success: function(data,textStatus,xhr){

                     console.log(data);
                 },
                 error: function(xhr,textStatus,errorThrown){
                     console.log('Error Something');
                 },
                 beforeSend: function(xhr) {

                    xhr.setRequestHeader("Authorization", "Basic OTdlMjVmNWJiMTdjNzI2MzVjOGU3NjlhOTI3ZTA3M2Q5MWZmMTA3ZDM2YTZkOWE5Og=="); 
                 }
             });
         });
     });
  </script>

推荐答案

我已经添加了 dataType: 'jsonp' 并且它有效！

I have added dataType: 'jsonp' and it works!

$.ajax({
   type: 'POST',
   crossDomain: true,
   dataType: 'jsonp',
   url: '',
   success: function(jsondata){

   }
})

JSONP 是一种发送 JSON 数据的方法，无需担心跨域问题.阅读更多

JSONP is a method for sending JSON data without worrying about cross-domain issues. Read More

这篇关于Jquery AJAX:请求的资源上不存在“Access-Control-Allow-Origin"标头的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！