PHP

utiliser la méthode POST et load('ur','div') en même temps

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : utiliser la méthode POST et load('ur','div') en même temps

bloomingdals

Bonjour,
j'essaie depuis des heures de récupérer le contenu d'un champs texte suite à l'action onclick d'un bouton pour faire un traitement SQL et renvoyer le résultat dans un div de la même page. mais en vain.
en fait, les codes que j'ai essayé permettent soit d'afficher le résultat sur une autre page, soit de rester sur la même page et ne rien afficher: je n'arrive pas à faire les deux fonctions en même temps.
le problème est que la récupération du champs texte nécessite la méthode POST et le fait de charger le contenu sur la même page nécessite une la fonction load(url,div). Et apparamment ls deux fonctiosn sont incompatibles.

s'il vous palit aidez moi.
merci

Publicité

sltpaulo

Bonjour,

Plusieurs informations sont nécessaire pour t'aider :
1 - le code en question, ça peut être utile
2 - Essayes-tu d'utiliser l'AJAX?

bloomingdals

Je met à a disposition le code que j'utilise (en ajax)
pour commencer voila le code html de la page:

Code :

<body>
<p id="jqChart" style="width: 750px; height: 350px; left: -15px; "> // 1er graphe
</p>
<p id="jqChart2" style="width: 750px; height: 300px; left: -15px;"> //2eme graphe
</p>
<form name = "myform">
<p align="center">
<input name="prefix" id="prefix" placeholder="enter AS number"/> champs texte + boutton submit sur la même ligne
<input type = "submit" name = "button1" id = "button1" value = "Number of prefixes" style="width: 25%; height: 33px;"/>
</p>
</form>
<p id="result"> paragraphe dans lequel je veux afficher le résultat
</p>
</body>

voila le code ajax que j'utilise:

Code :

$('#button1').click(function() {
//get sth value
var as = $('#as').val();
//make ajax call to 'abc.php' passing 'sth' parameter
$.post('/Routing/number_of_prefixes.php', { as:as }, function(data) {
//if $_POST['sth'] at PHP side is not null
if (data != null) {
//show the data (in this case: $happy) in the div with id 'other' using '.html()' method
$('#result').html(data);
}
});
});

et voila le fichier .php appelé lorsque le bouton est cliqué:

Code :

<?php
$db = mysql_connect('localhost', 'root', 'Orange2424');
mysql_select_db('INX',$db) or die('Erreur de sélection '.mysql_error());
$as = $_POST['prefix'];
$query2 = mysql_query("SELECT Number_of_Prefixes from Route_Per_AS where AS_num='".$as."'" );
while($donnees2 = mysql_fetch_array($query2)) {
$number2 = intval($donnees2["Number_of_Prefixes"]);
echo "AS $as advertises $number route(e)";
}
?>

j'espère que c'est dont tu as besoin, je te remercie pour ton aide

sltpaulo

Il y a un petit soucis dans ce que tu fais, car tu envoie un post et une requête AJAX en même temps.

Il y a deux solution, utiliser jQuery ou non, je vais te montrer la deuxième (moins belle) vu que je n'ai pas l'impression que tu utilise cette librairie:

page :

Code :

<body>
<p id="jqChart" style="width: 750px; height: 350px; left: -15px; "> // 1er graphe
</p>
<p id="jqChart2" style="width: 750px; height: 300px; left: -15px;"> //2eme graphe
</p>
<div name = "myform">
<p align="center">
<input name="prefix" id="prefix" placeholder="enter AS number"/> //champs texte + boutton submit sur la même ligne
<input type = "button" name = "button1" id = "button1" value = "Number of prefixes" style="width: 25%; height: 33px;"/>
//ou
<button id = "button1" name = "button1" style="width: 25%; height: 33px;">Number of prefixes</button>
</p>
</div>
<p id="result"> paragraphe dans lequel je veux afficher le résultat
</p>
</body>

Ensuite

ton code javascript:

Code :

$('#button1').click(function() {
//get sth value
var as = $('#as').val();
//make ajax call to 'abc.php' passing 'sth' parameter
$.post('/Routing/number_of_prefixes.php', { as:as }, function(data) {
//if $_POST['sth'] at PHP side is not null
if (data != null) {
//show the data (in this case: $happy) in the div with id 'other' using '.html()' method
$('#result').html(data);
}
});
});

Problème de ce code, c'est que tu initialises ton event peut-être avant que le bouton soit créé donc en gros tu fais dans le vide, tu peux donc remplacer par : $('#button1').die('click').live('click', function() {

ou off/on (die/live)

ensuite autre chose, tu vas chercher la valeur (var as = $('#as').val() dans un élément ou l'id est "as" tu dois changer cette ligne par :
var as = $('#prefix').val();

donc ça donne :

Code :

$('#button1').die('click').live('click', function() {
//$('#button1').off('click').on('click', function() {
//get sth value
var as = $('#prefix').val();
//make ajax call to 'abc.php' passing 'sth' parameter
$.post('/Routing/number_of_prefixes.php', { as:as }, function(data) {
//if $_POST['sth'] at PHP side is not null
if (data != null) {
//show the data (in this case: $happy) in the div with id 'other' using '.html()' method
$('#result').html(data);
}
});
});

Dis moi ce que ça donne

bloomingdals

Merci ça marche mais il faudra en plus faire quelque changement car j'ai utilisé un id ="as" qui n'existe pas , je l'ai remplacé avec id="prefix".
mais pour le reste çava bien.

j'ai maintenant un autre petit souci,
j'ai modifié le script php pour qu'il fasse des tests sur ce qui est saisi par l'utilisateur dans le champs texte et renvoyer une boite d'alerte en fonction de l'erreur.
le problème est que les boits d'alertes n'aparaissent jamais au premier essai.
par exemple la valeur 0 est incorrecte et doit renvoyer une alerte "Invalid ASN".
quand je saisi la valeur 0 et que je clique sur le bouton la boite d'alerte n'apparait pas, il faut que je refasse la saisi une deuxième fois pour que ça fonctionne.
d'où vient le problème ??

voici le code

Code :

<?php
$db = mysql_connect('localhost', 'root', 'Orange2424');
mysql_select_db('INX',$db) or die('Erreur de sélection '.mysql_error());
$as = $_POST['prefix'];
if (($as >= 65512) && ($as <= 65535))
{
// as privé
?>
<script language="Javascript">
alert('Please enter a public ASN')
document.location.href='IHM.php#'
</script>
<?php
}
else if (($as < 1) || ($as > 65535))
{
// asn invalide
?>
<script language="Javascript">
alert('Invalid ASN')
document.location.href='IHM.php#'
</script>
<?php
}
else
{
$query2 = mysql_query("SELECT Number_of_Prefixes from Route_Per_AS where AS_num='".$as."'" );
while($donnees2 = mysql_fetch_array($query2)) {
$number2 = intval($donnees2["Number_of_Prefixes"]);
echo "AS $as advertises $number2 route(s)";
}}
?>

sltpaulo

C'est normal, ton script :

Code :

<script language="Javascript">
alert('Invalid ASN')
document.location.href='IHM.php#'
</script>

est exécuté niveau serveur et non niveau navigateur client (surtout que tu essayes d'exécuter du javascript sur ton serveur)

moi je te propose de faire comme ça :

niveau php-serveur :

Code :

<?php
$db = mysql_connect('localhost', 'root', 'Orange2424');
mysql_select_db('INX',$db) or die('Erreur de sélection '.mysql_error());
$as = $_POST['prefix'];
if (($as >= 65512) && ($as <= 65535))
{
// as privé
echo 'erreur_1';
}
else if (($as < 1) || ($as > 65535))
{
// asn invalide
echo 'erreur_2';
}
else
{
$query2 = mysql_query("SELECT Number_of_Prefixes from Route_Per_AS where AS_num='".$as."'" );
while($donnees2 = mysql_fetch_array($query2)) {
$number2 = intval($donnees2["Number_of_Prefixes"]);
echo "AS $as advertises $number2 route(s)";
}}
?>

coté javascript :

Code :

$('#button1').die('click').live('click', function() {
//$('#button1').off('click').on('click', function() {
//get sth value
var as = $('#prefix').val();
//make ajax call to 'abc.php' passing 'sth' parameter
$.post('/Routing/number_of_prefixes.php', { as:as }, function(data) {
//if $_POST['sth'] at PHP side is not null
if (data != null) {
if(data == 'erreur_1'){
alert('Please enter a public ASN');
document.location.href='IHM.php#';
}else if(data == 'erreur_2'){
alert('Invalid ASN');
document.location.href='IHM.php#';
}else{
$('#result').html(data);
}
}
});
});

bloomingdals

merci mais ça ne fonctionne pas. Non seulement le problème n'a pas été résolu mais en plus les messages des boites d'alertes s'affichent dans le div "result" au lieu d'apparaitre dans un pop up, autre chose: le cas ou la requête SQL retourne rien n'est plus pris en considération
voici mon code actuel:

Code :

$('#button1').click(function() {
var prefix = $('#prefix').val();
$.post('/Routing/number_of_prefixes.php', { prefix:prefix }, function(data) {
if (data != null) {
if (data == 'prive') {
alert("Please enter a public autonomous system number" );}
else if (data == 'invalide') {
alert("Invalid autonomous system" );}
else {
$('#result').html(data);}
}
else {
alert("No information currently available" );}
});
});

et voila le code PHP:

Code :

<?php
$db = mysql_connect('localhost', 'root', 'Orange2424');
mysql_select_db('INX',$db) or die('Erreur de sélection '.mysql_error());
$as = $_POST['prefix'];
if (($as >= 65512) && ($as <= 65535))
{
echo "prive";
}
else if (($as < 1) || ($as > 65535))
{
echo "invalide";
}
else
{
$query2 = mysql_query("SELECT Number_of_Prefixes from Route_Per_AS where AS_num='".$as."'" );
while($donnees2 = mysql_fetch_array($query2)) {
$number2 = intval($donnees2["Number_of_Prefixes"]);
}
if ($number2 != null)
{
echo "AS $as advertises $number2 route(s)";
}
}
?>

sltpaulo

regare avec un console.log ce que te retourne data en valeur

bloomingdals

rien n'est affiché

sltpaulo

En faisant ça :

Code :

$('#button1').click(function() {
var prefix = $('#prefix').val();
$.post('/Routing/number_of_prefixes.php', { prefix:prefix }, function(data) {
console.log(data);
if (data != null) {
if (data == 'prive') {
alert("Please enter a public autonomous system number" );}
else if (data == 'invalide') {
alert("Invalid autonomous system" );}
else {
$('#result').html(data);}
}
else {
alert("No information currently available" );}
});
});

tu ne vois rien dans ta console d'erreur (par exemple firebug si tu utilise Firefox)

Publicité

bloomingdals

Bonjour,
j'ai modifié le code et j'ai fini par avoir celui ci, il est appellé par action d'un formaulaire qui se trouve sur ma page.
le code fonctionne très bien pour tous les cas d'erreur et les boites d'alerte s'affiche sans problème.
S'il n'y a aucune erreur, je veux retourner le résultat sur la même page dans le div "résult" en utilisant la ligne ajax suivante:

Code :

(#result).html(ma variable);

le problème est que cette ligne ne s'exécute pas depuis mon fichier php. pourtatnt lorsqu je suis sur la page html elle fonctionne très bien. Est ce qu'il faut être sur la même page pour que le duv "result" soit visible??
voici en tout cas le code php:

Code :

<?php
$db = mysql_connect('localhost', 'root', 'Orange2424');
mysql_select_db('INX',$db) or die('Erreur de sélection '.mysql_error());
$as = $_POST['prefix'];
if (($as >= 65512) && ($as <= 65535))
{
echo "<script language='Javascript'>
alert('Please select a public ASN.');
history.back();
</script>";
}
else if (($as < 1) || ($as > 65535))
{
echo " <script language='Javascript'>
alert('Invalid ASN.');
history.back();
</script>";
}
else
{
$query2 = mysql_query("SELECT Number_of_Prefixes from Route_Per_AS where AS_num='".$as."'" );
while($donnees2 = mysql_fetch_array($query2)) {
$number2 = intval($donnees2["Number_of_Prefixes"]);
}
if ($number2 != null)
{
echo "<script language='Javascript'>
$('#result').html('AS $as advertises $number2 route(s)'); ce cas de figure me renvoie une page blanche
</script>";
}
else
{
echo " <script language='Javascript'>
alert('No information currently available for this AS.');
history.back();
</script>";
}
}
?>

merci

sltpaulo

Est-ce que je pourrais avoir tout le code? (Histoire que je le fasse tourner sur ma machine pour voir (tu peux me l'envoyer en mp également))

Sinon, c'est très moche de faire comme ça et tu risque d'avoir pas mal de problème en fonction des navigateurs, notamment IE.

FORUM HardWare.fr

Programmation

PHP

utiliser la méthode POST et load('ur','div') en même temps

Sujets relatifs
génération automatique d'un emploie du temps_windev	Gestion du temps entre deux commandes?
changer printf par une autre methode	[Résolu] Besoin aide calcul temps en PHP
Temps de développement entre PHP/Java/Flash	utiliser un "cache" pour accélérer l'accès à des données [résolu]
Problème d'affectation ( methode hongroise )	[RESOLU] problème de temps dans un userform
Pourquoi un ajout obligatoire de méthode avec MouseListener ?	Utiliser librairies R.euters E.ikon sur Excel VBA
Plus de sujets relatifs à : utiliser la méthode POST et load('ur','div') en même temps

Page générée en 0.191 secondes