طريقة تحديث حالة البيانات المحلية باستخدام ajax و mysql و smarty

الحالة التفاعلية: من خلال النقر على الحالة المحكومة تحقيق التبديل بين الحالة المحكومة والحرة

1. الرئيسية البرمجية: 01.php تستورد Smarty و mysql، للحصول على قائمة التبويب

<?php
  include './include/Mysql.class.php';
  include './libs/Smarty.class.php';
  $db = new Mysql;
  $smarty=new Smarty;
  $lists=$db->getALL('users');
  $smarty->assign('lists',$lists);
  $smarty->display('list.html');
?>

2. نموذج القائمة يستخدم smarty لتصفح بيانات النمذجة وعرضها، حيث يتم استدعاء AJAX لتغيير حالة القفل

<!DOCTYPE html>
<html>
<head>
  <meta charset=utf-8>
  <title>جداول عرض صلاحيات المستخدمين</title>
</head>
<body>
    <table align="center" border="1" width="500">
      <center><h2>جداول صلاحيات المستخدمين</h2></center>
      <tr>
        <th>uid</th><th>اسم المستخدم</th><th>كلمة المرور</th><th>حالة القفل</th><th>دور</th>
      </tr>  
      {foreach $lists as $list}
        <tr align="center">
          <td>{$list.uid}</td>
          <td>{$list.username}</td>
          <td>{$list.password}</td>
          {if $list.is_lock==1}
            <td><a href="javascript:lock(0,{$list.uid});" rel="external nofollow" >قفل</a></td>
            {else}
            <td><a href="javascript:lock(1,{$list.uid})" rel="external nofollow" ;>إلغاء القفل</a></td>  
          {/if}    
          {if $list.role==1}
              <td>المدير</td>
          {else}
              <td>المعدل</td>    
          {/if}
        </tr>    
      {/foreach}  
    </table>  
</body>
    <script type="text/javascript">
      function lock(lock,uid){
          //إنشاء جسم AJAX
          var xhr=new XMLHttpRequest();
          //فتح رابط
          xhr.open('get','02.php?is_lock='+lock+"&uid="+uid);
          //إرسال طلب AJAX
          xhr.send(null);}}
          // إعداد الدالة المرجعية، الاستماع إلى الدالة
          xhr.onreadystatechange = function() {
            // إذا كان رمز استجابة AJAX طبيعيًا والشبكة تعمل بشكل صحيح، استقبال النص الاستجابة
            if (xhr.readyState == 4 && xhr.status == 200) {
              if (xhr.responseText) {
                window.location.reload();
              } else {
                alert("فشل التبديل للوضع!");
              }
            }
          }
        }
    </script>
</html>

3. سكربت استجابة AJAX، يستقبل البيانات التي يتم نقلها عبر طريقة GET من AJAX لتغيير محتويات قاعدة البيانات وت��يء النص إلى سكربت JavaScript

<?php
  include './include/Mysql.class.php';
  $lock = $_GET['is_lock'];
  $uid = $_GET['uid'];
  $db = new Mysql;
  $result = $db->update('users', 'is_lock=$lock', 'uid=$uid');
  if ($result) {
    echo true;
  } else {
    echo false;
  }
?>

هذا المقال الذي يظهر كيفية تحديث حالة البيانات المحلية باستخدام AJAX مع قاعدة بيانات MySQL وSmarty هو كل محتوى أشاركه معكم، آمل أن يكون هذا مرجعًا لكم، وأتمنى أن تحصلوا على دعم كبير لتعليمات النفخ.

بيان: محتويات هذا المقال مستمدة من الإنترنت، مملوكة للمساهمين في الإنترنت، مقدمين من المستخدمين عبر الإنترنت، هذا الموقع لا يمتلك حقوق الملكية، لم يتم تعديل المحتوى بشكل يدوي، ولا يتحمل أي مسؤولية قانونية ذات صلة. إذا اكتشفت محتوى يشتبه في انتهاك حقوق النسخ، فلا تتردد في إرسال بريد إلكتروني إلى: notice#oldtoolbag.com (عند إرسال البريد الإلكتروني، يرجى استبدال # بـ @) لإبلاغنا، وقدم الأدلة ذات الصلة، وسيتم حذف المحتوى المزعوم فور التحقق منه.

تعليمية الأساس

أعجبك هذا