問題描述

我正在嘗試從我的 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"標頭的文章就介紹到這了，希望我們推薦的答案對大家有所幫助，也希望大家多多支持html5模板網！