Удалить запрос из URL

Question

Я создаю поисковую систему с WordPress и хочу создать ключевое слово, которое можно удалить по клику.

Если быть более точным, у меня есть:

MyUrl http://myexemple.com/?sfid=2675&_sft_category=virtualisation-cloud-devops+ms+in

У меня есть кое-что, чтобы захватить запросы и отобразить их на моей странице:

                <?php
                $motsclefs = $_GET['_sft_category'] ;
                $motsclefsconvert = explode(" ", $motsclefs);
                $classId = 0;
                function get_replace(){

                }
                // If the parameter is given, continue.
                if (isset($_GET['_sft_category'])) {
                    echo ' Mots clefs sélectionnés :&nbsp;';
                } 
                else {    
                    echo 'Pas de mots clefs sélectionnés';
                };

                foreach ($motsclefsconvert as $valuemotsclefsconvert) {
                    //Up the class id by 1
                    $classId++;
                    // Echo the divs
                    echo '<div onclick="this.remove();"  id="mywords" class="' . $classId . '">' . $valuemotsclefsconvert . '&nbsp;&nbsp;&nbsp;</div>';
                }
                ?> 

Этот код предназначен для моей поисковой системы.Он захватывает запросы из моего URL и отображает их на моей странице.

На данный момент они просто нажимают на результат, и он исчезает без перезагрузки благодаря this.remove(); в моем div.Как я могу удалить запрос, по которому они нажимают, и перезагрузить страницу, чтобы обновить результаты?

Answer 1

Если я правильно понял, вы просто хотите добавить перезагрузку после нажатия на одно из ваших ключевых слов.

Вы не уточнили, хотите ли вы сделать это только в PHP,поэтому я даю вам решение только для JavaScript.

/** {string} URL queries in string */
let urlQueriesString = window.location.search,
/** {string[]} URL queries in array */
	urlQueriesArray = urlQueriesString.substring(1).split('&'),
/** {Object.<string, string>} URL queries in object */
	urlQueries = {},
/** {string[]} List of search keywords */
	searchKeywords = [],
/** {HTMLElement[]} List of <li> which will be inserted into DOM */
    liElements;

// Fills in urlQueries object
for (let i in urlQueriesArray) {
	urlQueriesArray[i] = urlQueriesArray[i].split('=');
    
    urlQueries[urlQueriesArray[i][0]] = urlQueriesArray[i][1];
}

// Gets search keywords from _sft_category parameter
searchKeywords = urlQueries._sft_category.split('+'); // or .split(' ')

// Inserts a <li> in the DOM for each keyword
for (let i in searchKeywords) {
	let ul = document.getElementsByTagName('ul')[0],
        html = `<li>${searchKeywords[i]}</li>`;
    
    ul.innerHTML += html;
}

// Gets inserted <li>
liElements = document.getElementsByTagName('li');

// Adds an event on click for each <li>
for (let i in liElements) {
    let li = liElements[i];
    
    // Checks instance type because last element of liElements is the length and we don't want to do what's following for this one
    if (li instanceof HTMLElement) {
    	// Creates new URL on click
        li.addEventListener('click', function() {
            let url = window.location.hostname + window.location.pathname,
                keyword = this.innerText;
                
            searchKeywords = searchKeywords.filter((kw) => (kw !== keyword));
            
            url += urlQueriesString.replace(/_sft_category=[\w\d_+-]+/, `_sft_category=${searchKeywords.join('+')}`);
            
            console.log(url);
            
            // Uncomment next line for reload with new url
            // window.location.href = url;
        });
    }
}

<ul></ul>

Этот фрагмент кода может быть упрощен, но в настоящее время он должен работать.

Возможно, вам придется немного его адаптировать, чтобыэто для работы с вашим проектом.