récupérer variable url par ajax
voici mes url
Citation:
<a href="recherche-article.php?categorie=ampoule">Ampoules</a><br>
<a href="recherche-article.php?categorie=plafoniers"> Plafonniers</a><br>
<a href="recherche-article.php?categorie=spots encastrés">Spots encatrés</a><br>
<a href="recherche-article.php?categorie=spots apparents">Spots apparents</a><br>
<a href="recherche-article.php?categorie=suspension">Suspensions</a><br>
<a href="recherche-article.php?categorie=lampe à poser">Lampes à poser</a><br>
et j'aimerai que dans fonction ajax recupérer le valeur de l'url
voici mon fichier rechercher-article.php
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
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
| <?php
include "body.php";
?>
<link rel="stylesheet" type="text/css" href="media/style.css">
<style>
form.ajax p{
margin:20px 0;
text-align:center;
}
form.ajax label{
font-size:16px;
font-weight:bold;
padding:3px;
}
form.ajax label span{
font-size:12px;
color:#777;
}
form.ajax input{
width:500px;
padding:3px;
border:1px solid #aaa;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
height:22px;
line-height:22px;
}
#ajax-loader{
margin:15px auto 0 auto;
display:block;
}
div.article-result{
padding:2px 5px 5px 5px;
margin-bottom:10px;
border-bottom:1px solid #ccc;
}
div.article-result p.url{
color:#777;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready( function() {
// détection de la saisie dans le champ de recherche
$('#q').keyup( function(){
$field = $(this);
$('#results').html(''); // on vide les resultats
$('#ajax-loader').remove(); // on retire le loader
// on commence à traiter à partir du 1ème caractère saisie
if( $field.val().length > 0 )
{
// on envoie la valeur recherché en GET au fichier de traitement
$.ajax({
type : 'GET', // envoi des données en GET ou POST
url : 'ajax-search.php' , // url du fichier de traitement
data : 'q='+$(this).val()+'&categorie=' +valeur , // données à envoyer en GET ou POST
beforeSend : function() { // traitements JS à faire AVANT l'envoi des
$field.after('<img src="ajax-loader.gif" alt="loader" id="ajax-loader" />'); // ajout d'un loader pour signifier l'action
},
success : function(data){ // traitements JS à faire APRES le retour d'ajax-search.php
$('#ajax-loader').remove(); // on enleve le loader
$('#results').html(data); // affichage des résultats dans le bloc
}
});
}
});
});
</script>
<style type="text/css">
#apDiv1 {
position:absolute;
width:800px;
height:30px;
z-index:1;
left: 270px;
top: 111px;
}
</style>
<!--debut du formulaire-->
<form class="ajax" action="recherch-article.php" method="get">
<div id="apDiv1">
<label for="q">Rechercher un article</label>
<input type="text" name="q" id="q" />
<div id="results">
</div>
</div>
</form>
<!--fin du formulaire-->
<!--preparation de l'affichage des resultats--> |
et voici mon fichier ajax-search.php
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
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
| <?php
//connexion à la base de données
define('DB_NAME', 'bd_outil_devis');
define('DB_USER', 'root');
define('DB_PASSWORD', '');
define('DB_HOST', 'localhost');
$categorie = @$_GET["categorie"];
$link = mysql_connect( DB_HOST , DB_USER , DB_PASSWORD );
mysql_select_db( DB_NAME , $link );
//recherche des résultats dans la base de données
$result = mysql_query( "SELECT code_article,designation,prix_unitaire,type_article
FROM articles
WHERE type_article ='$categorie' and code_article LIKE \"" . safe( $_GET['q'] ) . "%\" LIMIT 0,50" );
// affichage d'un message "pas de résultats"
if( mysql_num_rows( $result ) == 0 )
{
?>
<h3 style="text-align:center; margin:10px 0;">Pas de résultats pour cette recherche</h3>
<?php
}
else
{ ?>
<div class="article-result">
<table width="800" align="center" cellpadding="5" cellspacing="2" class="main" >
<tr valign="baseline">
<td class="datatdt">Image</td>
<td class="datatdt">Référence</td>
<td class="datatdt">Désignation</td>
<td class="datatdt">Prix Unitaire</td>
<td class="datatdt">Famille</td>
<td ></td>
</tr>
<?php
// parcours et affichage des résultats
while( $post = mysql_fetch_object( $result ))
{
$filename ='images/'.$post->code_article.'.png';
if (file_exists($filename)) {
$imagefile = "images/".$post->code_article.".png";
$image ="<img src=".$imagefile . " width=100 height=100 />";
} else {
$image = "Pas d'image";
}
?>
<tr>
<td class="datatdt"><?php echo $image; ?> </td>
<td class="datatd"><?php echo $post->code_article; ?></td>
<td class="datatd"><?php echo $post->designation; ?></td>
<td class="datatd"><?php echo ''.$post->prix_unitaire.' FCFA'; ?></td>
<td class="datatd"><?php echo $post->type_article ; ?></td>
<td class="datatd"><a href="edit_article.php?code_cde=<?php echo $post->code_article;?>">Editer</a></td>
</tr>
</div>
<?php
}
}
/*****
fonctions
*****/
function safe($var)
{
$var = mysql_real_escape_string($var);
$var = addcslashes($var, '%_');
$var = trim($var);
$var = htmlspecialchars($var);
return $var;
}
?> |
j'arrive a récupérer la valeur de l'url mais je récupére seulement la valeur saisie dans le formulaire
Merci
