par
mr-frey-day » 26 sept. 2016, 09:35
Bonjour à tous,
Je me demandé si il etait possible de simplifier ma requete ajax sans passer sur 2 page differentes,
et apres comment recupere les donnes transmises.
Voici mon code :
<div id="service-1" class="service">
<div class="fonction">Nom du service</div>
<div class="descript-fonction">Description du service</div>
<div class="num-fonction">Tel: 00.00.00.00.00 - Fax : 00.00.00.00.00</div>
<p><a data-toggle="modal" href="#inline" data-target="#inline" class="modalbox" rel="1">Contacter le service</a></p>
</div>
<div id="inline">
// le formulaire
</div>
Le script :
$(".modalbox").fancybox();
$(".modalbox").click(function(oEvt){
oEvt.preventDefault();
var Id=$(this).attr("rel");
$(".modal-header").fadeIn(1000).html('<div style="text-align:center; margin-right:auto; margin-left:auto">Patientez...</div>');
$.ajax({
type:"GET",
data : "Id="+Id,
url:"reponse.php",
error:function(msg){
$(".modal-header").addClass("tableau_msg_erreur").fadeOut(800).fadeIn(800).fadeOut(400).fadeIn(400).html('<div style="margin-right:auto; margin-left:auto; text-align:center">Impossible de charger cette page</div>');
},
success:function(data){
$(".modal-header").fadeOut(20);
$(".h2popup").html(data);
}
});
$.ajax({
type:"GET",
data : "Id="+Id,
url:"reponse2.php",
success:function(data){
$("#idservice").html('<input type="hidden" id="serviceid" name="serviceid" value="'+data+'" >');
}
});
});
</script>
et le contenu des pages reponse.php et reponse2.php
if ($_REQUEST["Id"]=='1')
{
$service2="le nom du service";
}
elseif ($_REQUEST["Id"]=='7')
{
$service2="le nom du service";
}
echo "Contacter ".$service2;
echo $_GET["Id"];
Bonjour à tous,
Je me demandé si il etait possible de simplifier ma requete ajax sans passer sur 2 page differentes,
et apres comment recupere les donnes transmises.
Voici mon code :
[php]<div id="service-1" class="service">
<div class="fonction">Nom du service</div>
<div class="descript-fonction">Description du service</div>
<div class="num-fonction">Tel: 00.00.00.00.00 - Fax : 00.00.00.00.00</div>
<p><a data-toggle="modal" href="#inline" data-target="#inline" class="modalbox" rel="1">Contacter le service</a></p>
</div>
<div id="inline">
// le formulaire
</div>[/php]
Le script :
[php]$(".modalbox").fancybox();
$(".modalbox").click(function(oEvt){
oEvt.preventDefault();
var Id=$(this).attr("rel");
$(".modal-header").fadeIn(1000).html('<div style="text-align:center; margin-right:auto; margin-left:auto">Patientez...</div>');
$.ajax({
type:"GET",
data : "Id="+Id,
url:"reponse.php",
error:function(msg){
$(".modal-header").addClass("tableau_msg_erreur").fadeOut(800).fadeIn(800).fadeOut(400).fadeIn(400).html('<div style="margin-right:auto; margin-left:auto; text-align:center">Impossible de charger cette page</div>');
},
success:function(data){
$(".modal-header").fadeOut(20);
$(".h2popup").html(data);
}
});
$.ajax({
type:"GET",
data : "Id="+Id,
url:"reponse2.php",
success:function(data){
$("#idservice").html('<input type="hidden" id="serviceid" name="serviceid" value="'+data+'" >');
}
});
});
</script>[/php]
et le contenu des pages reponse.php et reponse2.php
[php]if ($_REQUEST["Id"]=='1')
{
$service2="le nom du service";
}
elseif ($_REQUEST["Id"]=='7')
{
$service2="le nom du service";
}
echo "Contacter ".$service2;[/php]
[php]echo $_GET["Id"];[/php]