J'ai encore un petit souci. J'ai donc un input à l'intérieur d'un form pour la fonction recherche (dans Search.php). Comment récupérer ce champs et l'envoyer vers le fichier qu'Ajax.js va appeler (Query.php) ?
Code Sources:
Search.php:
<?php include "include/constantes.php";?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="IE=edge" http-equiv="Xhtml-UA-Compatible">
<!-- Responsive Design -->
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="" name="Page de recherche">
<meta content="" name="Moïse Wicht">
</head>
<title>Application université</title
<!-- Application du CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/supplement.css" />
<body>
<?php include "include/header.php"; ?>
<div class="container">
<div class="col-md-12">
<div class="text-center">
<form class="well form-search" method="post">
<input type="text" name="inputSearch" class="input-medium search-query">
<button class="btn btn-primary" type="submit">Recherche</button>
<?php
// ?
?>
</form>
</div>
</div>
</div>
<?php include "include/footer.php"; ?>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script type="text/JavaScript" src="js/ajax.js"></script>
</body>
</html>
Ajax.js:
[javascript]
$(document).ready( function () {
$('form.well form-search').submit( function() { // à la soumission du formulaires
event.preventDefault(); //pas recharger la page
$.ajax({ // fonction permettant de faire de l'ajax
type: "POST", // methode de transmission des données au fichier php
url: "../Universite/query.php", // url du fichier php
data: $(this).serialize(); // données sérialisées
dataType: 'json'; // type de données
success: function(msg){ // si l'appel a bien fonctionné
if(msg==1) // si la connexion en php a fonctionnée
{
alert("Recherche réussie");
}
else // si la connexion en php n'a pas fonctionnée
{
alert("Recherche échouée");
}
}
});
return false; // permet de rester sur la même page à la soumission du formulaire
});
});[/javascript]
Query.php:
<?php include_once "class/MySQL.php";
header('Content-Type: application/json');
// Création de l'objet MySQL.
$madatabase = new MySQL();
// Connexion, récupération et sélection de la base de donnée
$link = $madatabase->connect();
$madatabase->select();
$inputSearch = // ?
// Création de la requête SQL. (a corriger)
$sql = "SELECT *
FROM devices_fricopy
WHERE marque LIKE ('%$inputSearch%')
OR model LIKE ('%$inputSearch%')
OR printname LIKE ('%$inputSearch%')
OR serialNumber LIKE ('%$inputSearch%')
OR siufNumber LIKE ('%$inputSearch%')";
$result = mysqli_query($sql,$link)
OR DIE (mysqli_error($link));
// Tant que qu'il y a des lignes, on affiche les données.
$donnees = array();
while ($ligne = $result->fetch_assoc()) {
$donnees[] = $ligne;
}
echo json_encode($donnees);
?>
Je débute en PHP/Javascript et j'ai réussi à pondre déjà quelque chose de potable quasi-entièrement grâce aux aides/messages/liens trouvés sur PHPFrance. C'est pour cela que je vous remercie pour le temps consacré et un "Big Up" à tous les acteurs de ce site.
J'ai encore un petit souci. J'ai donc un input à l'intérieur d'un form pour la fonction recherche (dans Search.php). Comment récupérer ce champs et l'envoyer vers le fichier qu'Ajax.js va appeler (Query.php) ?
[size=150][i][b]Code Sources:[/b][/i][/size]
[b]Search.php[/b]:
[php]<?php include "include/constantes.php";?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="IE=edge" http-equiv="Xhtml-UA-Compatible">
<!-- Responsive Design -->
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="" name="Page de recherche">
<meta content="" name="Moïse Wicht">
</head>
<title>Application université</title
<!-- Application du CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/supplement.css" />
<body>
<?php include "include/header.php"; ?>
<div class="container">
<div class="col-md-12">
<div class="text-center">
<form class="well form-search" method="post">
<input type="text" name="inputSearch" class="input-medium search-query">
<button class="btn btn-primary" type="submit">Recherche</button>
<?php
// ?
?>
</form>
</div>
</div>
</div>
<?php include "include/footer.php"; ?>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script type="text/JavaScript" src="js/ajax.js"></script>
</body>
</html>[/php]
[b]Ajax.js[/b]:
[javascript]
$(document).ready( function () {
$('form.well form-search').submit( function() { // à la soumission du formulaires
event.preventDefault(); //pas recharger la page
$.ajax({ // fonction permettant de faire de l'ajax
type: "POST", // methode de transmission des données au fichier php
url: "../Universite/query.php", // url du fichier php
data: $(this).serialize(); // données sérialisées
dataType: 'json'; // type de données
success: function(msg){ // si l'appel a bien fonctionné
if(msg==1) // si la connexion en php a fonctionnée
{
alert("Recherche réussie");
}
else // si la connexion en php n'a pas fonctionnée
{
alert("Recherche échouée");
}
}
});
return false; // permet de rester sur la même page à la soumission du formulaire
});
});[/javascript]
[b]Query.php[/b]:
[php]<?php include_once "class/MySQL.php";
header('Content-Type: application/json');
// Création de l'objet MySQL.
$madatabase = new MySQL();
// Connexion, récupération et sélection de la base de donnée
$link = $madatabase->connect();
$madatabase->select();
$inputSearch = // ?
// Création de la requête SQL. (a corriger)
$sql = "SELECT *
FROM devices_fricopy
WHERE marque LIKE ('%$inputSearch%')
OR model LIKE ('%$inputSearch%')
OR printname LIKE ('%$inputSearch%')
OR serialNumber LIKE ('%$inputSearch%')
OR siufNumber LIKE ('%$inputSearch%')";
$result = mysqli_query($sql,$link)
OR DIE (mysqli_error($link));
// Tant que qu'il y a des lignes, on affiche les données.
$donnees = array();
while ($ligne = $result->fetch_assoc()) {
$donnees[] = $ligne;
}
echo json_encode($donnees);
?>[/php]
Je débute en PHP/Javascript et j'ai réussi à pondre déjà quelque chose de potable quasi-entièrement grâce aux aides/messages/liens trouvés sur PHPFrance. C'est pour cela que je vous remercie pour le temps consacré et un "Big Up" à tous les acteurs de ce site.
