跨域JavaScript：不存在“ Access-Control-Allow-Origin”標頭

Question

我試圖對另一個開發人員構建的API進行AJAX HTTP POST。 我使用JQuery，API是PHP。 但是，我在控制台中收到以下錯誤：

對預檢請求的響應未通過訪問控制檢查：所請求的資源上不存在“ Access-Control-Allow-Origin”標頭

我的HTML：

<form>
  <input id="target" type="text" value="Field 1">
</form>

我的Javascript / JQuery：

$("#target").on("click", checkemail);

function checkemail(){
  $.ajax({
    type: 'POST',
    url: 'https://test.api.planitcommander.nl/funnel_webhooks/emailExists',
    data: JSON.stringify({"email": "rj@xxxx.nl"}),
    contentType: "application/json",
    dataType: 'json'
    })
  .fail (function(data){
    console.log(data);
    })
}

我的JQuery代碼是否有錯誤，還是應該向API開發人員尋求解決方案？

好像后者來自： Javascript CORS-不存在“ Access-Control-Allow-Origin”標頭

Answer 1

請嘗試這個

function checkemail(){
  $.ajax({
    type: 'POST',
    url: 'https://test.api.planitcommander.nl/funnel_webhooks/emailExists',
    data: JSON.stringify({"email": "rj@xxxx.nl"}),
    contentType: "application/json",
    dataType: 'jsonp'
    })
  .fail (function(data){
    console.log(data);
    })
}

請參閱https://vverma.net/fetch-any-json-using-jsonp-and-yql.html