Collecter les donn�es d'une base de donn�es

pierrot10 — Thu, 16 Jul 2026 20:01:08 GMT

Bonjour,

J'ai un formulaire HTML

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div id="search-box" class="search-box map search-box-wrapper">
		    	<form id="form-login" methof="POST" class="form-map form-search">
		        	<h2>Loginh2>
		           	<div class="form-group">
		            	<input type="text" name="email" class="field" value="" placeholder="email" />
		         	div>
		         	<div class="form-group">
		            	<input type="password" name="pwd" class="field" value="" placeholder="password" />
		         	div>
		       		<div class="form-group">
		        		<button type="submit" class="btn btn-default">loginbutton>
		       		div>
		    	form>
		 	div>

Je souhaiterais r�cup�rer les valeurs de 'email' et 'pwd'

Dans mon fochier script.js, j'ai fait ceci

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
// Login user
    $( "#form-login" ).on("submit", function(e){
        e.preventDefault();
 
        var $forme = $(this);
        console.log($forme.serialize());
 
        var $form = $( this ),
        email = $form.find( "input[name='email']" ).val(),
        pwd = $form.find( "input[name='pwd']" ).val();
 
        console.log(email, pwd)
 
        getUser($forme);
        getUser(email, pwd);
    });

mon console.log() affiche bien les valaurs que j'ai saisi dans mon formulaire

Puis j'ai choisi de r�cup�erer les valeur de $forme, pour les serialiser dans ma fonction getUser().
Vu que cela ne fonctionne pas, j'ai ajout� data:{email:"demo@email.ch", pwd:"password"},

my fonction getUser est comme ceci

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
function getUser(form){
    console.log(form);
 
    return $.ajax({
        url: 'https://api.domaine.ch/dashboard/getUser.inc.php', 
        type: 'POST',
        //data: param, 
        //data: form.serialize(),
        data:{email:"demo@email.ch", pwd:"password"},
        cache: false,
        dataType: 'json',
        // xhr For testing
        xhr: function () {
            var xhr = $.ajaxSettings.xhr();
            xhr.onprogress = function e() {
                // For downloads
                if (e.lengthComputable) {
                    console.log("Onprogress ", e.loaded / e.total);
                }
            };
            xhr.upload.onprogress = function (e) {
                // For uploads
                if (e.lengthComputable) {
                    console.log("Upload onprogress ", e.loaded / e.total);
                }
            };
            return xhr;
        },
 
        error: function (request, error) {
               console.log("Error while getting user authentification");
               console.log("ERROR:" , request.responseText);     
        },
        success: function (data) {   
            //console.log("data:",data);
 
            if(data.length <= 0)
            {
            }
            else
            {  
                console.log("data success: ",data);
            }
 
        }
    });
}

Ce que je en comprends pas, c'est que si je saisi l'api (j'ai modifi� le nom de domaine

https://api.domaine.ch/dashboard/get...h&pwd=password

Cela fonctionne tr�s bien. Je ne comprends donc pas pourquoi, quand je saisi ces valeurs en dur, cela ne fonctionne pas

Code:

data:{email:"demo@email.ch", pwd:"password"},

Cette partie

Code:

1
2
3
4
error: function (request, error) {
               console.log("Error while getting user authentification");
               console.log("ERROR:" , request.responseText);     
        },

me retourne le message d'erreur

Citation:

Upload onprogress 1 script.js:61:29
Error while getting user authentification script.js:68:24
ERROR:

Warning: Trying to access array offset on value of type null in /home/clients/ee3f943e731fc0a12d3400116692186f/sites/api.domaine.ch/dashboard/getUser.inc.php on line 28

Warning: Trying to access array offset on value of type null in /home/clients/ee3f943e731fc0a12d3400116692186f/sites/api.domaine.ch/dashboard/getUser.inc.php on line 29

{"id_user":0,"user_role":0,"user_email":null,"user_fields":[],"message":"Your e-mail or your password is not valid","code":-1,"method":"POST"}

On voit, dans la derni�re ligne

Code:

{"id_user":0,"user_role":0,"user_email":null,"user_fields":[],"message":"Your e-mail or your password is not valid","code":-1,"method":"POST"}

que mon script PHP, me retourne bien quelque chose, mais il semble qu'il ne re�oit pas les param�tres.

Pourtant, depuis mon application IOS/Android, mon API fonctionne tr�s bien, et je peux m'authentifier.

Mist�re :D

Dans le message d'erreur, le message fait r�f�rence � la ligne 28 et 29.
A ces ligne, j'ai ceci, et je me demande si ce n'est pas l� que ca bug

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 switch ($method) {
    	case 'POST':
    		# Get POST the data
		    $encodedData = file_get_contents('php://input');  // take data from react native fetch API
			$decodedData = json_decode($encodedData, true);
 
			$email = $decodedData['email'];
			$pwd = $decodedData['pwd']; 
 
			$continue = true;
 
    		break;
    	default:
    		$continue = false;
    		break;
    }

En fait, je suis presque s�re que c'est ici que ca bug. Mais pourant dans mon script.js, je fais bien une requ�te https?

Code:

url: 'https://api.domaine.ch/dashboard/getUser.inc.php',

Ou pensez-vous que �a bug??? :D

Merci beaucoup pour vos lumi�res

ajax error en quittant la page - besoin d'aide

yotta — Fri, 22 Aug 2025 14:15:08 GMT

Bonjour � vous,
Je d�bute avec AJAX, aussi pardonnez mon vocabulaire pas forc�ment appropri�.
Bref, je suis confront� � un probl�me de compr�hension dans le m�canisme XHR.
Avant tout, voici une description de mon environnement :
C�t� serveur : Linux Apache2 servant le CMS Dupal 11
C�t� client : Windows 10 + navigateur Firefox version 142.0 (64bits)

Description :
Mon probl�me concerne le c�t� client. Sur une de mes pages je place un script javascript qui ex�cute la commande jQuery suivante :

Code:

1
2
3
4
jQuery(window).on('load', timer);
function timer() {
        jQuery('#edit-refresh-control').click();
}

Ce script a pour but d'ex�cuter une autre commande jQuery toutes les 15 secondes apr�s le chargement complet de la page. Une commande qui se limite � simuler un click sur un �l�ment du DOM s�lectionn� par son Id.
Ce click d�clenche une collecte d'informations c�t� serveur qui prend plus de deux secondes � se finaliser. En r�sum�, toutes les 15 secondes se d�clenche une requ�te XHR qui va devoir attendre plus de deux secondes avant d'obtenir sa r�ponse.
Du coup, lorsque je quitte cette page, ou que j'en demande le rafra�chissement, j'obtiens une erreur ajax dans la console du navigateur :

Citation:

message: "An AJAX HTTP request terminated abnormally.
Debugging information follows. Path: /...

J'en conclus que le fait de quitter la page lorsque le navigateur attend cette r�ponse interrompt la requ�te XHR de mani�re anormale, d�clenchant cette erreur dans la console du navigateur.
Et c'est l� que se pose mon probl�me, je ne sais absolument pas quoi faire pour interrompre proprement cette requ�te et ainsi �viter l'apparition d'erreurs dans la console. Quitte � prendre en charge l'erreur et la consumer sans rien faire, mais �a aussi, je ne sais pas comment le faire.
Pourriez-vous m'aider ?
Merci.

Forum du club des d�veloppeurs et IT Pro - AJAX

Collecter les donn�es d'une base de donn�es

ajax error en quittant la page - besoin d'aide