AJAX

Barre de recherche

Non Résolu

Bonjour,


J'ai suivi le tuto très bien fait pour créer une barre de recherche dynamique.

Je suis confronté depuis la mâtinée à un soucis que je n'arrive pas à résoudre et qui me contraint à demander de l'aide.


J'ai un message d'erreur de jQuery qui me renvoie une erreur 500 à chaque fois que je tape une lettre. Je vous joins les morceau de code :

Je précise que je suis sous WordPress


<div class="result_container">
   <p id="result_search" style="color: red;"></p>
</div>
<script type="text/javascript">//<![CDATA[
            jQuery(document).ready(function(){
                jQuery('#adv_location').keyup(function(){
                    jQuery("#result_search").html('');
                    let value_enter_by_user = jQuery(this).val();


                    if (value_enter_by_user != '') {
                        jQuery.ajax({
                            type'GET',
                            url'wp-content/themes/wpresidence/main_search.php',
                            data'result=' + encodeURIComponent(value_enter_by_user),
                            successfunction(data){
                                if(data !='') {
                                    jQuery("#result_search").append(data);
                                }else {
                                    document.getElementById('result_search').innerHTML='Aucun résultat trouvé';
                                }
                            }
                        })
                        
                    }
                    
                })
            });
        </script> 


<?php 
$result_get = (String) trim($_GET['result']);

global $wpdb; 
    $db = $wpdb->get_results(" SELECT * 
    FROM `wpstg0_terms`
    WHERE `slug`LIKE ?",
    ["%$result_get%"]);

foreach ($db as $result) {
    echo '<p id="result_search" style="color: red;">'. $result->name .'</p>';
}


Et voici l'erreur dans la console :


GET https://1001residences-seniors.com/local/wp-content/themes/wpresidence/main_search.php?result=zef 500 jquery.min.js?ver=3.6.0:2 

send @ jquery.min.js?ver=3.6.0:2

ajax @ jquery.min.js?ver=3.6.0:2

s.ajax.s.ajax @ jquery-migrate.min.js?ver=3.3.2:2

(anonymes) @ (index):928

dispatch @ jquery.min.js?ver=3.6.0:2

v.handle @ jquery.min.js?ver=3.6.0:2



Si quelqu'un à déjà eu ce soucis


Merci d'avance

461 vues
30 septembre 2021 à 17:20
Cette pub permet au site de vivre ...

Commentaire

Cette pub permet au site de vivre ...