URL 的 Javascript 绝对路径在一个页面上有效，但在另一个页面上创建 ajax 错误消息

Question

我有两个网址:

http://s140452.gridserver.com/view-pullsheet/

https://s140452.gridserver.com/locations/

当浏览位置页面上的任何属性(以及任何单个属性、使用侧边栏过滤属性、从“pullsheet”添加和删除属性)时，jcart.js 脚本工作正常——它控制在“pullsheet”中添加和删除照片。

然而，从这个页面，http://s140452.gridserver.com/view-pullsheet/ ，我收到以下错误“Ajax 错误:编辑 jcart.js 中的路径以修复”。

有问题的代码是:

    var path = 'https://s140452.gridserver.com/wp-content/themes/re/assets/functions/jcart',
        container = $('#jcart'),
        token = $('[name=jcartToken]').val(),
        tip = $('#jcart-tooltip');

    var config = (function() {
        var config = null;
        $.ajax({
            url: path + '/config-loader.php',
            data: {
                "ajax": "true"
            },
            dataType: 'json',
            async: false,
            success: function(response) {
                config = response;
            },
            error: function() {
                alert('Ajax error: Edit the path in jcart.js to fix.');
            }
        });
        return config;
    }());

脚本如何在位置页面上正常工作，但从不同的 URL 抛出错误？我该如何解决这个问题？

谢谢!

jcart.js 位于@https://s140452.gridserver.com/wp-content/themes/re/assets/js/jcart.js

Answer 1

因为你遇到了同源问题。 https 与 http

var path = 'https://s140452.gridserver.com/wp-content/themes/re/assets/functions/jcart',

到

var path = '//s140452.gridserver.com/wp-content/themes/re/assets/functions/jcart',