Formulaire, ajax / json

Bonjour,

j'ai un problème avec mon code, je valide un formulaire dans une fenêtre modale, cela marche avec un retour html, mais quand je change pour un retour json, au lieu d'executer le code de la fonction sucess, cela affiche simplement le echo jsonencode dans la page (faisant ainsi la redirection), je pense donc à une erreur dans le script mais je ne vois pas laquelle

script js

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
$(document).on('submit', '#reinitialiser', function(event){
 
    event.preventDefault();
    var form = $('#reinitialiser');
 
    var nni = $('#login').val();
    var mail = $('#mail').val();
    $.ajax({
        url: form.attr('action'),
        type: form.attr('method'),
        data : form.serialize(),
        datatype: 'json', //JSON
        success:function(json){
            if (json.reponse ==='ok'){
                console.log(json);
                alert('ok');
                else {
                    alert('erreur :' + json.reponse);
                }
            }
        };
});

script php

Code:

1
2
3
4
5
6
7
8
9
10
<?php 
 
    if ((isset($_POST['login'])) && (isset($_POST['mail'])))    {
        if ((!empty($_POST['login'])) && (!empty($_POST['mail'])))  {
            $reponse ='ok';
        }
        echo json_encode(['reponse' => $reponse]);
    }
 
?>