Php sayfa yapısı hakkında

Merhaba arkadaşlar ayrı bir .php oluşturarak düzenle, göster gibi alanları yaptım lakin resim 1 deki gibi yeşil butonlar ekleyip bunları resim 2 deki gibi ayrı bir .php dosyası oluşturmadan sayfa içerisinde çalıştırmam için ne yapmam lazım ?
resim 1


resim 2

Veri tabanı veya json kullanman lazım seçili verileri id'ye göre gösterebilimek için o bahsettiğin yoluda ajax ile x sayfasına İd göndererek seçili verileri modal içinde gösterebilirsin modal da otomatik açılır x sayfasına id girince

örnek kodlarımı paylaşıyorum :

user.php
<script>
$('#updatePasswordBtn').on('click', function() {
var memberId = $('#passwordMemberId').val();
var newPassword = $('#newPassword').val();

$.ajax({
type: 'POST',
url: 's1.php',
data: { memberId: memberId, newPassword: newPassword },
success: function(response) {
if (response === 'Success') {
// Başarılı durumda modal'ı kapat ve sayfayı yeniden yükle
$('#passwordModal').modal('hide');
alert('Password updated!');
location.reload();
} else {
// Hata durumunda konsola yazdır
console.error('Password update error:', response);
alert('Password update error!');
location.reload();
}
},
error: function(xhr, status, error) {
// Hata durumunda konsola yazdır
console.error('Password update error:', status, error);
alert('Password update error!');
location.reload();
}
});
});
</script>

s1.php

<?php
if ($_SERVER["REQUEST_METHOD"] === "POST" && isset($_POST["memberId"]) && isset($_POST["newPassword"])) {
$memberId = $_POST["memberId"];
$newPassword = $_POST["newPassword"];

// Veritabanı bağlantısı
$host = "localhost";
$dbname = "db";
$username = "user";
$password = "pass.";

try {
$db = new PDO("mysql:host=$host;dbname=$dbname;charset=utf8" , $username, $password);
$db->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);

// Yeni şifreyi hash'le
$hashedPassword = password_hash($newPassword, PASSWORD_DEFAULT);

// SQL sorgusunu hazırla ve çalıştır
$sql = "UPDATE uyeler SET sifre = :newPassword WHERE id = :memberId";
$stmt = $db->prepare($sql);
$stmt->bindParam(":newPassword", $hashedPassword, PDO::PARAM_STR);
$stmt->bindParam(":memberId", $memberId, PDO::PARAM_INT);
$stmt->execute();

// İşlem başarılı olduysa başarı mesajını döndür
echo "Success";
} catch (PDOException $e) {
// Hata olması durumunda hata mesajını döndür
echo "Error: " . $e->getMessage();
}
} else {
// Geçersiz istek durumunda hata mesajını döndür
echo "Invalid request!";
}
?>

ek olarak buton : <button type="button" class="btn btn-primary" id="updatePasswordBtn">UPDATE</button>

modal oluşturmak için şimdi video izlemeye başladım yavaş yavaş çözmeye çalışacağım teşekkürler.

ben sadece view görüntüleme işlemini yapmak istiyorum bunun için elinizde örnek var mı?

yukarıda attıgım kodlar için örnek modal . boostrap a uygun. gerekli scriptleri de head içine eklemeniz lazım.


<div class="modal fade" id="passwordModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Update Password</h5>

</div>
<div class="modal-body">
<input type="hidden" id="passwordMemberId">
<p><strong>Full Name:</strong> <span id="passwordMemberName"></span></p>
<p><strong>Role:</strong> <span id="passwordMemberRole"></span></p>
<div class="mb-3">
<label for="newPassword" class="form-label">New Password</label>
<div class="input-group">
<input type="password" class="form-control" id="newPassword" required>
<button class="btn btn-outline-secondary" type="button" id="togglePassword"><i class="bi bi-eye"></i></button>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">CLOSE</button>
<button type="button" class="btn btn-primary" id="updatePasswordBtn">UPDATE</button>
</div>
</div>
</div>
</div>

çok teşekkür ederim gerekli scriptleri nereden bulabilirim ?