recherche dynamique php mysql ajax avec possibilité de modifier

**paul6023** · 21/02/2020, 10h15

bonjour j'ai besoin de votre aide:
je voudrai créer une page web où on puisse rechercher dynamiquement les résultats dans une base de données.
j'ai fais la recherche mais je peux pas ouvrir la ligne choisi dans une page php Edit.php pour la modifier
voici mes codes
page index.php

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>recherche</title>
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
		<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
		<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />
	</head>
	<body>
		<div class="container">
			<br />
			<br />
			<br />
			<h2 align="center">recherche</h2><br />
			<div class="form-group"  accept-charset="utf-8">
			   	<div class="input-group">
					<span class="input-group-addon">search</span>
					<input type="text" name="search_text" id="search_text" placeholder="Search by Customer Details" class="form-control" />
				</div>
			</div>
			<br />
			<div id="result"></div>
		</div>
		<div style="clear:both;"></div>
		<br />
 
		<br />
		<br />
		<br />
	</body>
</html>
<script>
$(document).ready(function(){
        load_data();
        function load_data(query)
        {
                $.ajax({
                        url:"fetch.php",
                        method:"post",
                        data:{query:query},
                        success:function(data)
                        {
                                $('#result').html(data);
                        }
                });
        }
        $('#search_text').keyup(function(){
                var search = $(this).val();
                if(search != '')
                {
                        load_data(search);
                }
                else
                {
                        load_data();                    
                }
        });
});
</script>

page fetch.php

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
 
<?php
 
$connect = mysqli_connect("Localhost", "root", "", "Db_mysql");
$connect->set_charset("utf8");
$output = '';
 
if(isset($_POST["query"]))
{
	$search = mysqli_real_escape_string($connect, $_POST["query"]);
 
	$query = "
	SELECT * FROM db_table 
	WHERE Nom LIKE '%".$search."%'
	OR Prenom LIKE '%".$search."%' 
	OR City LIKE '%".$search."%' 
	";
}
else
{
	$query = "
	SELECT * FROM db_table ORDER BY ID";
}
$result = mysqli_query($connect, $query);
 
if(mysqli_num_rows($result) > 0)
{
	$output .= '<div class="table-responsive">
					<table class="table table bordered">
						<tr>
							<th></th>
							<th></th>
						</tr>';
	while($row = mysqli_fetch_array($result))
	{
		$output .= '
			<tr>	
				<td align="center">'.$row["Nom"].'</td>
				<td align="center"><input type="submit" value="edit"></td>
			</tr>
		';
	}
	echo $output;
}
else
{
	echo 'Data Not Found';
}
?>

merci

**Trehinos** · 21/02/2020, 11h34

Bonjour,

Je ne suis pas certain de comprendre ce que vous voulez faire... Mais vous insérez un bouton type="submit" dans votre tableau, sans formulaire. Si vous voulez rediriger l'utilisateur vers une page "edit.php", il serait plus pertinent de faire un lien :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
$output .= <<<EOT
	<tr>	
		<td align='center'>{$row['Nom']}</td>
		<td align='center'><a href='edit.php?id={$row['ID']}'>Editer</a></td>
	</tr>
EOT
;

Invité · 21/02/2020, 12h00

Bonjour,

ou avec un <form> :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
		$output .= '
			<tr>	
				<td align="center">'.$row["Nom"].'</td>
				<td align="center">
					<form method="post" action="Edit.php">
						<input type="hidden" name="id" value="'.$row["Id"].'" />
						<button type="submit" name="edit">Edit</button>
					</form>
				</td>
			</tr>
		';

**paul6023** · 21/02/2020, 12h00

@Trehinos

quand je fais ce que vous avez dis j'ai un message d'erreur

Parse error: syntax error, unexpected 'edit' (T_STRING) in C:\xampp\htdocs\archive\fetch.php on line 50

**Trehinos** · 21/02/2020, 12h04

Attention aux délimiteurs de littéraux (<<<EOT / EOT, "", ''), ne copiez-collez pas mon code, étudiez-le

**paul6023** · 21/02/2020, 12h10

j'ai essayé mais le même message d'erreur

**paul6023** · 21/02/2020, 12h13

@jreaux62

désolé je veux dire que la page Edit.php ne prend pas la valeur de Id

Invité · 21/02/2020, 12h19

C'est bien... mais si tu ne montres pas TON code (et notamment la ligne 50), que veux-tu qu'on te dise de plus ?

N.B. A toi aussi de savoir comment s'appelle d'index auto-incrément dans ta table : Id ? ID ? id ? .... ?

**paul6023** · 21/02/2020, 12h22

désolé cette erreur c'est pas du code que vous m'avez donnez
mais j'ai un petit problème avec votre code: j'arrive pas à récupérer le ID dans la Edit.php

Invité · 21/02/2020, 12h23

page Edit.php :
il faut récupérer l'id de la ligne,

soit avec $_GET['id'] (si lien <a>)
soit avec $_POST['id'] (si <form method="post").

**paul6023** · 21/02/2020, 15h20

Merci bcp ça marche
Mais j'ai un petit problème
Je récupère le chemin d'un pdf et je voudrai l'afficher mais rien n'est affiché
Même si le chemin est vrai et le fichier existe

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
		<?php
		    $file=$_POST['file_chemin'];
 
	header("Content-type: application/pdf"); 
 
	header("Content-Length: " . filesize($file)); 
 
	// Envoyez le fichier au navigateur.
	readfile($file); 
 
 
        ?>

recherche dynamique php mysql ajax avec possibilité de modifier

PHP & Base de données

Discussions similaires

Partager

Partager