Streaming live at 10am (PST)

Trouble with custom ajax call and trailing slash on https url


Hi, first time posting!

We've created a little search feature for our client (, and for some reason, when we switched all of the urls to HTTPS, we ran into the following issue:

Mixed Content: The page at '' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint ''. This request has been blocked; the content must be served over HTTPS.

Our JS has the following, and works perfectly fine if served over HTTP:

function getSearchableItems(callback) {
url: '',
type: 'get',
success: function(data) {
$(data).find('.w-dyn-item [data-href]').toArray().forEach(function(item) {
searchableProducts.push($(item).attr('id').replace('-',' '));
searchableProductsInfo[$(item).attr('id')] = item;

Any ideas would be highly appreciated, unfortunately I need to use HTTPS for various other reasons.


@DigitalPanda Looks like you found a bug - we're looking into it!

In the meantime, try this small change - remove the trailing slash in your url setting, so it should be something like this:

url: '',

Let us know if that works...


@callmevlad Оппа, спасибо!

thanks for the quick reply.



@callmevlad just wondering if you had an etr for this?

Also, does unlisted mean that the problem is in development?





Oops, I accidentally marked as unlisted while trying to change the category :grimacing:

We're working on a fix, but no ETA yet.


lol ok thanks. want to make sure that I am meeting my client expectations.


Curious though - your last message indicated that removing the trailing slash / fixed the issue for you (or at least from what I inferred from the Russian portion :stuck_out_tongue:) - can you confirm that is indeed the case?


unfortunately not, i was just elated that my ability to find the weirdest bugs in software is still strong.


@DigitalPanda I think that particular HTTPS -> HTTP redirect issue is resolved when you remove the trailing slash, since I'm seeing requests complete fine in DevTools:

I'm not quite sure that the entire response can be wrapped in jQuery like that and traversed - so I suspect it might be a bug in how you're handling the response once it comes back.


Its now working after we updated the wrapper to:

function getSearchableItems(callback) {
var data = null;
var xhr = new XMLHttpRequest();
xhr.withCredentials = true;
xhr.addEventListener("readystatechange", function () {
if (this.readyState === 4) {
$(this.responseText).find('.w-dyn-item [data-href]').toArray().forEach(function(item) {
searchableProducts.push($(item).attr('id').replace('-',' '));
searchableProductsInfo[$(item).attr('id')] = item;
});"GET", "");