Fairy Tale Postcards
{
const queryString = new URLSearchParams(new FormData($refs.filter_form)).toString();
let pattern = /[?&]sort_by=/;
let collUrl = location.search;
let newUrl = queryString;
if(pattern.test(collUrl)) {
const theString = window.location.search;
const urlParams = new URLSearchParams(theString);
const sorty = urlParams.get('sort_by')
newUrl = queryString + '&sort_by=' + sorty;
console.log(sorty);
}
console.log(queryString);
console.log(newUrl);
loading = true;
fetch('/collections/fairy-tale-postcards?' + newUrl)
.then(response => response.text())
.then(data => {
let html_div = document.createElement('div');
html_div.innerHTML = data;
let html_dom = html_div.querySelector('#dataMix').innerHTML;
document.querySelector('#dataMix').innerHTML = html_dom;
// update url without refreshing the page
history.replaceState(null, null, '?' + newUrl);
})
.catch(error => console.error('Error:', error))
.finally(() => loading = false);
})"
>