مساعدة في تغير اسم ملف بواسطة php jquery

تحية طيبة للجميع.

لدي ملف واحد اسفله مكون من form html و كود php لتغير اسماء الملفات عندي قي مجلد الموقع

<center><h1> rename files </h1>

<form action="" method="POST">

<input type="text" Name="oldName" placeholder="old Name" value=""><br>

<input type="text" Name="newName" placeholder="new name" value=""><br>

<input class="btn" Name="submit" type="submit" value="rename">

</form><br>

<? php

if(!isset($_POST['submit'])) die(); {

$old = @$_POST['oldName'];

$new= @$_POST['newName'];

}

if(rename($old, $new) ) {

echo 'this file is rename new Name : '.$new;}

else {echo 'this file is not rename';}

? >

</center>

وانا اريد اضافة الجكويري او الاجاكس مع php

و عمل ملفين واحد لصفحة اكواد html و jquery و الاخر لاكواد php

وشكرا....

@Mustafa_Suleiman

@Abdelbaset_ibrahem

@Adnane_Kadri


أولاً ستحتاج إلى إنشاء ملف index.html ونضع به كود jQuery كالتالي:

<!DOCTYPE html>
<html lang="ar">
<head>
  <meta charset="UTF-8">
  <title>تغيير اسم ملف</title>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
  <center><h1>تغيير اسم ملف</h1></center>
  <form action="rename.php" method="POST" id="renameForm">
    <input type="text" name="oldName" placeholder="الاسم القديم" value="">
    <input type="text" name="newName" placeholder="الاسم الجديد" value="">
    <input type="submit" value="تغيير الاسم" id="renameBtn">
  </form>
  <script>
    $(document).ready(function() {
      $('#renameBtn').click(function() {
        var oldName = $('#renameForm').find('input[name="oldName"]').val();
        var newName = $('#renameForm').find('input[name="newName"]').val();
        $.ajax({
          type: 'POST',
          url: 'rename.php',
          data: {
            oldName: oldName,
            newName: newName
          },
          success: function(response) {
            if (response == '1') {
              alert('تم تغيير اسم الملف بنجاح');
            } else {
              alert('حدث خطأ أثناء تغيير اسم الملف');
            }
          }
        });
      });
    });
  </script>
</body>
</html>

ثم نقوم بإنشاء ملف PHP باسم rename.php كالتالي:

<?php
if (isset($_POST['oldName']) && isset($_POST['newName'])) {
  $oldName = $_POST['oldName'];
  $newName = $_POST['newName'];
  if (rename($oldName, $newName)) {
    echo 1;
  } else {
    echo 0;
  }
}
?>


قم بحفظ ملف index.html في مجلد المشروع وكذلك ملف rename.php. ثم يمكنك فتح index.html في متصفح الويب وتجربة النموذج، وعند النقر على زر "Rename"، سيتم استدعاء ملف PHP (rename.php) باستخدام jQuery وسيقوم بمعالجة الطلب وإجراء التغييرات في اسم الملف.

إليك الخطوات:

  1. أدخل الاسم القديم والاسم الجديد للملف في النموذج HTML.
  2. انقر فوق الزر "تغيير الاسم".
  3. إن نجح تغيير الاسم، فسترى رسالة تنبيه تؤكد ذلك.
  4. إن فشل تغيير الاسم، فسترى رسالة تنبيه توضح سبب الفشل.

ففي الكود:

  • إذا نجح تغيير الاسم، فنحن نعيد القيمة 1.
  • إذا فشل تغيير الاسم، فنحن نعيد القيمة 0.

@Mustafa_Suleiman

شكرا عل الرد وبارك الله فيك اخي مصطفى.

الكود اشتغل صح و لكن هناك مشكلة صغيرة.

انا اريد ان تظهر الرسالة بعد الضغط عل زر التغير في صفحة rename.html و لا يتم التوجيه الى صفحة rename.php