Bonjour, je suis en train de développer un site en JavaScript et Php. J'utilise la bibliothèque jquery et là je me retrouve face à un problème.

En fait, l'utilisateur choisit dans trois listes déroulantes des genres et je lui renvoie des animés japonais en fonction de ses choix. Le problème vient quand je fais mon appel en Ajax. Ma page php me renvoi bien le titre de mon animé, je l'affiche l'injecte dans l'HTML mais juste après l’affichage ma page se redirige vers le .php et m'affiche ma chaîne JSon. 

Mon code JS : 

$('#formulaireRecherche').submit(function() {
        $.ajax({
            type: $(this).attr('method'),
            url: $(this).attr('action'),
            data: $(this).serialize()
        }).done(function(l){
            if (l.ok) {
                $('#formulaireRecherche').fadeOut();
                $('#res').html(l.message).fadeIn();
            } else {
                $('#pas_res').html(l.message).fadeIn();
            }

        }).fail(erreur_critique);
    });

Et mon code Php :

<?php
session_start();
include_once 'db.php';
$ok = false;
$message = 'Erreur';

if(isset($_POST['liste1'])&&isset($_POST['liste2'])&&isset($_POST['liste3'])) {
    $valListe1 = ($_POST['liste1']);
    $valListe2 = ($_POST['liste2']);
    $valListe3 = ($_POST['liste3']);

    $request=$database->prepare('SELECT * FROM ANIMES WHERE PUB = :pub AND GENRE1= :genre1 or GENRE1 = :genre2 AND GENRE1= :genre1 or GENRE2 = :genre2');
    $request->bindValue(':pub', $valListe1, PDO::PARAM_STR);
    $request->bindValue(':genre1', $valListe2, PDO::PARAM_STR);
    $request->bindValue(':genre2', $valListe3, PDO::PARAM_STR);


    if(!$request->execute()){
        print_r($request->errorInfo());
        die('SQL ERROR : USER, REGISTER1');
        $ok=false;

    }
    if($row=$request->fetch()){
        $message=$row['TITRE'];
        $ok=true;
    }else{
        $ok=false;
    }
}

$retour = new stdClass();
$retour->message = $message;
$retour->ok = $ok;
header('Cache-Control: no-cache, must-revalidate');
header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
header('Content-type: application/json');
echo json_encode($retour);

Merci d'avance

-
Edité par nicolastest1 25 mars 2017 à 17:17:16

Il faut bloquer ton event submit, sinon l'event se propage et redirige

event.preventDefault();

-
Edité par nicolastest1 25 mars 2017 à 18:00:27

.submit(function(e){

   e.preventDefault();
   //ton code
});

Bonjour,

Comment tu as résolu ton problème car j'ai le même soucis ?

TommyServantt a écrit:

.submit(function(e){

   e.preventDefault();
   //ton code
});