Comment lancer une fonction php en ajax?

Marsh Posté le 01-07-2013 à 18:40:16

Bonjour à tous,

Je vous expose mon problème.
J'ai un script php qui génère un code barre aléatoire. Pas de problème jusque là.
Si je vais directement sur ma page code.php, le code barre est bien généré et affiché:

Code :

<?
include('pi_barcode.php');
$bc = new pi_barcode();
$bc->setCode($code);
$bc->setType('EAN');
$bc->Prepare_FullCode();
$code_barre = $bc->FULLCODE;
echo $code_barre;
?>

Par contre, je voudrais que, depuis ma page index.php, le code soit généré dans l'input "code" lorsque je clique sur le bouton.
Le but est d'avoir un formulaire plus complet que j'enverrai par la suite dans la bdd.
Voici la page index:

Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<form action="">
<input type="text" name="code" />
<input type="button" name="generer" value="Générer un code" />
</form>
</body>
</html>

Pouvez-vous m'aider pour la bonne démarche car je cale. Suis-je obligé de passer par de l'Ajax? merci de bien vouloir éclairer le débutant que je suis...

Reply

Marsh Posté le 01-07-2013 à 18:40:16

Reply

Marsh Posté le 01-07-2013 à 19:11:30

Le principe de l'Ajax ici ca serait de ne pas recharger ta page. A moins que ce soit vraiment ce que tu recherches, ce n'est pas forcement nécessaire de passer par de l'Ajax.

Avec un simple traitement de formulaire PHP, tu peux obtenir le résultat souhaité.

Reply

Marsh Posté le 01-07-2013 à 19:13:29

La réponse est "ça dépend". En fait tu peux faire simple

Code :

<?php
include('pi_barcode.php');
$bc = new pi_barcode();
$bc->setCode($code);
$bc->setType('EAN');
$bc->Prepare_FullCode();
$code_barre = $bc->FULLCODE;
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<form action="">
Code barre : <input type="text" name="code" value="<?php echo $code_barre;?>" disabled/>
</form>
</body>
</html>

et ce code est formulaire.php

Sinon, tu peux passer en ajax, mais c'est (un peu) plus compliqué mais pas si horrible que ça avec du jQuery

Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
</head>
<body>
<form action="">
Code barre généré : <input id="ajax_result" type="text" name="ajaxcode" value="" disabled/><input type="button" value="generate" id="ajax_gen_button"/>
</form>
<script type="text/javascript">
//Ajout du "on_click" sur le boutton
$('#ajax_gen_button').click(function(){
//Generation de la requete ajax
$.ajax({url:'code.php'}).done(function(data){
$('#ajax_result')[0].value = data;
});
});
</script>
</body>
</html>

Reply

Marsh Posté le 01-07-2013 à 19:54:22

C'est exactement ça.
Merci beaucoup, j'ai de quoi bien travailler maintenant

Reply

Comment lancer une fonction php en ajax?

Sujets relatifs:

Leave a Replay