Introducing CrudHunt:Open-source Full-stack CRUDs for Next.js by KeenThemes
Browse CrudHunt 
Quick Search Server Side Integration
Hi,
The Metronic HTML Quick Search feature is initialized in core/html/src/js/layout/search.js script and it can be integrated with
a server-side AJAX request by replacing the demo process function with an actual search process function:
// Private functions
var processs = function(search) {
// Hide recently viewed list
mainElement.classList.add("d-none");
// Search process
$.ajax({
url: "search.php",
success: function(result) {
if (result.length > 0) {
// Put results
resultsElement.innerHTML = result;
// Show results
resultsElement.classList.remove("d-none");
// Hide empty message
emptyElement.classList.add("d-none");
} else {
// Hide results
resultsElement.classList.add("d-none");
// Show empty message
emptyElement.classList.remove("d-none");
}
// Complete search
search.complete();
}
});
}The server-side script should return the search in HTML format by following the example search results in the Metronic demo.
Regards.
Replies (0)
There is no reply for this question at the moment. Be first to leave a reply.
