Comment raffraichir un formulaire avec onkyup?

Ndediop Messages postés 101 Date d'inscription   Statut Membre Dernière intervention   -  
Ndediop Messages postés 101 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

J'ai un formulaire et je dois taper un identifiant et ce dernier se rafraichisse du coups j'aimerais savoir là ou se situe l'erreur sur mon code et voici la partie concernée en Js, HTML et PhP, j'ai comme erreur L'utilisation d'XMLHttpRequest de façon synchrone sur le fil d'exécution principal est obsolète à cause de son impact négatif sur la navigation de l'utilisateur final alors que mon navigateur par défaut est firefox, j’ai mème ms l'action du formulaire dans ma page PHP qui est ajoutuser.php. Je voulais mettre le onkeyup dans un balise select mais je pense qu'on l'utilise pas avec la balise select.

Merci d'avance!

Cordailement,


$(document).on('keyup', '#user', function(e){
if($("#interexter").val() == 1){
var form = "#ajoutuser",
lien="pages/php/"+$(form).attr("action"),
myData=$("#ajoutuser :input").serializeArray();
myData[myData.length] = { name: "act", value: "change" };
myData[myData.length] = { name: "type", value: "i" };
myData[myData.length] = { name: "put", value: "identifiant" };
$.ajax({
type: "POST",
url: lien,
data: myData,
success: function (info) {
var param = info.split('*'),
num = parseInt(param[0]);
switch(num) {
case 1:
$('#nomajoutuser').val(param[1]);
$('#prenomajoutuser').val(param[2]);
$('#passworduser').val(param[3]);
$('#typeuser').val(param[4]);
$('#mailajoutuser').val(param[7]);
if(param[8] == "M"){
$("#sexmuser").prop('checked', true);
}else{
$("#sexfuser").prop('checked', true);
}
$('#telfajoutuser').val(param[9]);
$('#telpajoutuser').val(param[10]);
if($("#typeuser").val() == "M" || $("#typeuser").val() == "G"){
$("#zonepuser").prop('disabled', false);
$('#zonepuser').val(param[5]+" - "+param[6]);
$("#autrezoneauser").prop('disabled', false);
$("#autrezonebuser").prop('disabled', false);
if(param[11] == true){
if(param[12] == 0){
$('#autrezoneauser').val("pas de zone");
}else{
$('#autrezoneauser').val(param[12]);
}
if(param[13] == 0){
$('#autrezonebuser').val("pas de zone");
}else{
$('#autrezonebuser').val(param[13]);
}
}else{
$('#autrezoneauser').val("pas de zone");
$('#autrezonebuser').val("pas de zone");
}
}else{
$("#zonepuser").prop('disabled', true);
$("#zonepuser").attr("placeholder", "");
$("#zonepuser").val("");
$("#autrezoneauser").prop('disabled', true);
$("#autrezoneauser").attr("placeholder", "");
$("#autrezoneauser").val("");
$("#autrezonebuser").prop('disabled', true);
$("#autrezonebuser").attr("placeholder", "");
$("#autrezonebuser").val("");
}

break;
default:
// on fais rien
}
},
error: function () {
alert ("ERREUR : Page Web inaccessible \n\n Reessayer !");
}
});
}
});


HTML



<div class="row">
<div class="col-xs-6 col-sm-6 col-md-6">
<div class="form-group">
<label> Identifiant<sup>*</sup> :</label>
<input list="idajoutuser_list" name="user" id="user" class="form-control" type="text" placeholder="Ex : kkkk2222" onkeyup="Function()"></input>
<datalist id="idajoutuser_list">';
$requete="SELECT pseudo_user FROM users";
$resultats= $bdd_connection->query($requete); // liste de id utilisateur
while($ligne = $resultats->fetch()){
echo'<option value="'.$ligne[0].'">'.$ligne[0].'</option>';
}
echo'</datalist>
</div>
</div>
</div><!-- /.col -->


PHP


if($_POST['type'] == "i"){
$exist_user = false;
// recuperation des donnée
$zonepuser = utf8_decode(substr($_POST['zonepuser'],0,4));
$autrezoneauser = utf8_decode(substr($_POST['autrezoneauser'],0,4));
$autrezonebuser = utf8_decode(substr($_POST['autrezonebuser'],0,4));
$sexuser = utf8_decode($_POST['sexuser']);
$telpajoutuser = utf8_decode($_POST['telpajoutuser']);
// remplir les champ vide automatiquement
if($autrezoneauser == "pas "){
$autrezoneauser = "";
}
if($autrezonebuser == "pas "){
$autrezonebuser = "";
}
if( empty($autrezoneauser) && empty($autrezonebuser) ){ // determine si les variables sont vides ou non
$zoneuserplus = 1;
}else{
$zoneuserplus = utf8_decode($autrezoneauser.';'.$autrezonebuser);
}
if(empty($zonepuser)){
$zonepuser = 1;
}
if(empty($telfajoutuser)){
$telfajoutuser =utf8_decode("pas de numero tel fix");
}
if(empty($telpajoutuser)){
$telpajoutuser =utf8_decode("pas de numero tel protable");
}
// requete de select pour les tests
$requete_iduser = "SELECT pseudo_user,mail_user FROM users";
$utilisateurs = $bdd_connection->query($requete_iduser);
while(($ligne = $utilisateurs->fetch())){
if((strtoupper($ligne[0]) == strtoupper($user)) || ((strtoupper($ligne[1]) == strtoupper($mailajoutuser)))){
$exist_user= true;
}
}

2 réponses

jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
Bonjour,

'ai comme erreur L'utilisation d'XMLHttpRequest de façon synchrone sur le fil d'exécution principal est obsolète

Ce n'est pas une erreur .. mais juste un avertissement...

Tu peux éventuellement ajouter le paramètre async dans ton ajax
0
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
Je voulais mettre le onkeyup dans un balise select mais je pense qu'on l'utilise pas avec la balise select.

Tu peux utiliser le onchange
0
Ndediop Messages postés 101 Date d'inscription   Statut Membre Dernière intervention  
 
Merci pour la réponse Jordan, j'essayerai ce que vous m'avez dit pour voir ce que ça donne et je vous tiendrez au courant.
0