Envoi des données en jQuery [Débutant(e)]

**diengkals** · 18/02/2013, 13h46

Bonjour,

J'ai besoin de votre aide sur une fonction jquery. Je veux faire une authentification en arabe, pour cela j'ai créer une fonction JavaScript qui encode les chaines en unicode avant de les envoyer. Maintenant je veux lorsque je clique sur mon button en envoyant les donnant vers la page authentification je récupérer des données déjà encodées.
Mais mon problème se trouve sur la fonction success que je ne sais pas quoi faire si tout se passe bien. Voici mon code au complet.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<html>
		<head>
			<title> CHAT  SMS : Welcome </title>
			<link rel="stylesheet" href="css/design.css" />
			<script type="text/javascript" src="js/jquery-1.8.2.js"></script>
			<script type="text/javascript">
			   function encode(istr)
			   {
				    var j,nchar,ch,str ="";
				    for(j=0;j < istr.length; j++)
				    {
					    nchar = istr.charCodeAt(j);
					    str= nchar+ ";" ;   
				    }
			    return   str;
				}
				$(document).ready(function(){	
                  // lorseque  je  sous  le  formulaire
	                  $(".formlogin").on("submit",function(){
		                //  je  recupere  les  valeurs

			                var login=encode($('#login').val());
			                var password= encode($('#password').val());
			                if(login== '' ||password== '')
			                {
				                alert('les  champs  doivent  etre  remplis');
	                        }else  
	                  {
		                  $.ajax({
                                url:"authentification.php",
                                type:$(this).attr('method'),
								 data: $(this).serialize(),
                               success: function(data)
                              {
	                        
							      $(this).html(this)
                               }
	                  });

	                  }
	                  return false;
	            });
	                       
	        });
			</script> 
			
		</head>
		
		<body> 
<div id="corps">
     
          <?php  
          $chemin='header/';
         include($chemin.'logo.php');
         
        //  $chemin='../admin/header/';
        // include($chemin.'banniere.php');  
         ?>

       <div id="contenu">
			
			  
				<form dir="rtl"  class="formlogin"  method="post" action="authentification.php">
				                 
				  <table >
				     <caption>FORMULAIRE D'IDENTIFICATION</caption>
				    <tr>
						<td>	<input type="hidden"  name="id" ></td>
						</tr>
						 <tr>
						<td dir="rtl"><label>   إسم*الدخول:</label></td>
							<td><input type="text" id="login" name="login" ></td>
							
							</tr>
					    <tr>
						<td dir="rtl"><label>  كلمة*السر:</label></td>
							<td><input type="password"   id="password" name="password"  ></td>
							
						</tr>   
						
					    <tr>
					    
					    <td> <button type="submit" id="send" name="send" value="se  connecter"> 
					     se  connecter
					     </button>
						</td>
							<td><a href="sendmail.php">mot de  pass oublié?</a></td>
					    </tr>
				  	</table>
				</form>

J'ai mis en gras là où je me bloque en vous rappelant je suis débutant en jQuery.

Merci d'avance.

**Bovino** · 19/02/2013, 08h40

mon problème se trouve sur la fonction success que je ne sais pas quoi faire si tout se passe bien

Euh...

Tu veux que ce soit nous qui te disions ce qu'il faut faire si ta requête a réussi ?
Tu n'as pas de chef de projet autour de toi ?

**diengkals** · 19/02/2013, 09h48

merci de votre Aide , Au fait ce que je veux faire c'est envoyé les données en Post apres les recuperer pour faire des traitement.
maintenant j'avais un alerte de message apres la reussite, je ne veux ce message je veux juste envoyé les données poste .
par exemple mon code

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
$.ajax({
    url:"authentification.php",
    type:$(this).attr('method'),
    data: $(this).serialize(),
    success: function(html)
    {
        alerte(html)
    }

ici par exemple je reste toujours sur la meme page avec un message alerte eviter le message alerte merci d'avance

**diengkals** · 20/02/2013, 11h21

bonjour , je veux envoyer des données en post en utilisant jquery , avant de les envoyé je les encode en Unicode pour cela j ai crée une fonction encode ,
mais mon code ne fonctionne pas et je pense bien codé si quelqu'un peut m aider a résoudre mon problème merci d'avance voici mon code

index.php

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
 <!DOCTYPE html>
	<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
		<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
			<title> CHAT  SMS : Welcome </title>
			<link rel="stylesheet" href="css/design.css" />
			<script type="text/javascript" src="js/jquery-1.8.2.js"></script>
		     	<script type="text/javascript">
                                 function encode(istr)
                             {
                                    var j,nchar,ch,str ="";
                                    for(j=0;j < istr.length; j++)
                                    {
                                            nchar = istr.charCodeAt(j);
                                            str= nchar+ ";" ;   
                                    }
                               return   str;
                                 }
                                $(document).ready(function(){   
                          $("#form").submit(function(){
                                        var login= encode($('#login').val());
                                        var password= encode($('#password').val());
                                        if(login== '' ||password== '')
                                        {
                                                alert('les  champs  doivent  etre  remplis');
                                }else  
                          {
                                  $.ajax({
                                url:$(this).attr('action'),
                                type:$(this).attr('method'),
                                                                data: $(this).serialize(),
                                 success: succes
                                                          
                               
                          });
 
                          }
                          return false;
                    });
                               
                });
                        
                        
                          // On les poste en Ajax
     
                             </script> 
		</head>
 
		<body> 
<div id="corps">
 
          <?php  
          $chemin='header/';
         include($chemin.'logo.php');
         
        //  $chemin='../admin/header/';
        // include($chemin.'banniere.php');  
         ?>
 
       <div id="contenu">
 
 
				<form dir="rtl"  id="form" class="formlogin"  method="POST" action="login.php">
 
				  <table >
				     <caption>معلومات الدخول</caption>
				    <tr>
						<td>	<input type="hidden"  name="id" ></td>
						</tr>
						 <tr>
						<td dir="rtl"><label>   إسم*الدخول:</label></td>
							<td><input type="text" id="login" name="login" ></td>
 
							</tr>
					    <tr>
						<td dir="rtl"><label>  كلمة*السر:</label></td>
							<td><input type="password"   id="password" name="password"  ></td>
 
						</tr>   
 
					    <tr>
 
					    <td> <button type="submit" id="send" name="send" value="se  connecter"> 
					    دخول
					     </button>
						</td>
							<td><a href="sendmail.php">نسيت كلمة السر</a></td>
					    </tr>
				  	</table>
				</form>
		<p style="color: #B22222">		
	 <?php 
                     $message = "";
 
                if(isset($_GET["erreur"]))
                {
                                
                      switch($_GET['erreur']) 
                 {
          case 1:
                 $message = "mot  de  passe  incorrecte veuillez reessayer";
         break;       
          case 2:
                 $message = " ce  login n'existe pas dans la  base de données veuillez reessayer";
         break;
         }
       echo $message;
        }
                
 
 
       if(isset($_GET["reussite"]))
       {
           echo "<br>Un email vous a été envoyé<br>";
           echo"consultez  votre boite e-mail , recuperez   votre   nouveau mot  de  passe  et  reconnectez  vous ";
       }
                ?>
		</p>
			</div>
</div>
 
		</body>
 
	</html>

mon code login.php

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<?php session_start();
       header('Content-Type: text/html; charset=utf-8');
            ini_set('default_charset', 'utf-8');
		include("conf/connexion.php");
	    $id  =$_POST['id'];
		$login = utf8_encode($_POST['login']);
		$password= $_POST['password'];
		//$lang= $_POST['lang'];
			$querys = "Select * from users where pseudo = '$login' ";
			    // $data=mysql_fetch_array($querys);
				 // echo 
			   $res= mysql_query($querys); 
			    if(mysql_num_rows($res)>0)
			 {
			   while ($data= mysql_fetch_assoc($res))
			   {
 
			   	 if($data['password']==md5($password) && $data['profil']=='admin')
			   	   {
 
			   		  $_SESSION["login"]=$_POST['login'];
			   		  $_SESSION['userid']=$data['id'];
			   		  $_SESSION["statut_user"]=$data['statut_user'];
			   	      //	  $_SESSION['profil']=$data['profil'];
					    $_SESSION['type']=$data['profil'];
			   		  $_SESSION['email']= $data['email'];
 
 
			   		  //  include_once ("connecte.php");
			          header ('Location: Chat_sms_ar/admin/acceuil.php');
			    	 exit();
			   	    }
			   	   elseif($data['password']==md5($password) && $data['profil']=='user')
			   	   { 
			   	 	 $_SESSION["login"]=$_POST['login'];
			   		  $_SESSION['userid']=$data['id'];
			   		  $_SESSION["statut_user"]=$data['statut_user'];
					    $_SESSION['type']=$data['profil'];
			   		//  $_SESSION['profil']=$data['profil'];
			   		  $_SESSION['email']= $data['email'];
 
 
			   		//    include_once ("connecte.php");
			          header ('Location: Chat_sms_ar/acceuil.php');
			      	exit();	
			    	 }
			   	 else {
				    header ('Location: index.php?erreur=1');
					 exit();
			      }
		       }
 
			}
			else 
			{
			header ('Location: index.php?erreur=2&login='.$_POST['login'].' ');	
			 exit();
			}
 
 
?>

ici d’après mes tests la fonction jquery ne fonctionne pas car si je veux récupérer les $_post je récupère les données que j ai saisie dans mon formulaire mais si je change mes variables dans le code jquery et j essai de récupérer par $_post je vois que c'est vide donc l envoi au serveur ne fonctionne pas merci de votre aide

Envoi des données en jQuery [Débutant(e)]

jQuery

Discussions similaires

Partager

Partager