在 wordpress 中访问 XMLHttpRequest 时出错

Posted 2023-02-23

【中文标题】在 wordpress 中访问 XMLHttpRequest 时出错

【英文标题】：error Access to XMLHttpRequest in wordpress

【发布时间】：2019-11-07 01:31:25

【问题描述】：

我想调用 api 到我的网站：

jQuery(document).ready(function($) 
    if ( $('#main_').length ) 
    $.getJSON("http://url", function(data) 
        var branches = '';
        var bibs = '';
        var items = '';
        $.each(data, function(key, value)branches += '<div>'+value.homebranch+'</div>');
        $.each(data, function(key, value)bibs += '<div>'+value.bibs+'</div>');
        $.each(data, function(key, value)items += '<div>'+value.items+'</div>');
        $('div.newsitem').prepend('<div class="newsitem" id="mystats"><table class="table table-striped" style="width: 100%; background: none;"><thead><th colspan="3" style="text-align: center; font-weight: bold; padding: 8px; line-height: 1.42857143; vertical-align: middle; text-transform: uppercase;">Library Statistics</thead><tbody><tr><td><strong>Branch</strong></td><td><strong>Unique titles</strong></td><td><strong>Total Copies</strong></td></tr><tr><td class="text-center">'+branches+'</td><td class="text-center">'+bibs+'</td><td class="text-center">'+items+'</td></tr></tbody></table></div>');
    );
    
);

从源“http://website”访问“http://url”处的 XMLHttpRequest 已被 CORS 策略阻止：请求的资源上不存在“Access-Control-Allow-Origin”标头。

【问题讨论】：

No 'Access-Control-Allow-Origin' header is present on the requested resource—when trying to get data from a REST API的可能重复

【参考方案1】：

您可以在设置响应标头的位置添加：Access-Control-Allow-Origin: * 以允许每个域访问您的 api

【参考方案2】：

如果我理解正确，您正在向与您的页面所在的域不同的域执行 XMLHttpRequest。因此浏览器会阻止它，因为出于安全原因，它通常允许同一来源的请求。

您必须在响应中添加“Access-Control-Allow-Origin”标头

【讨论】：

是的，我调用另一个域（不同的 domail）在 wordpress 中进行页面

如何将“Access-Control-Allow-Origin”标头添加到响应中

在哪里设置响应头可以添加：Access-Control-Allow-Origin: * 以允许每个域访问您的 api