jQuery - تحديث الجدول

Question

أحاول إعادة تحميل جدول تم إنشاؤه أيضا بواسطة PHP.

يحتوي الجدول على معرف: #bookmarks

بعد الضغط على المستخدم على زر، يجب أن يقوم الجدول بإعادة تحميل المحتوى + البيانات التي أضافوها للتو. أنا مرتبك بعض الشيء لأنني لا أعرف كيفية إرسال جميع البيانات من نتيجة PHP.

Answer 1

للحصول على مساعدة محددة باستخدام jQuery، تحقق من الجدية البرنامج المساعد الذي تم تصميمه لتوفير القدرة على تحرير البيانات في مكانه. هناك أيضا تعليمات حول كيفية جمع البيانات وحفظها.

Answer 2

هذا يفترض أن PHP الخاص بك بإرجاع رمز HTML جاهز للجدول:

$("#update_button").click(function(){
    $("#mytable").load("/tools/getTable.php")
})

في صفحتك تحتاج إلى عنصر نائب DIV مثل هذا:

<div id="mytable"></div>

ويحتاج GetTable.php إلى صدى HTML مثل هذا:

<table>
  <tr>
    <td>col1<td>
    <td>col2<td>
  <tr>
</table>

Answer 3

في شكل نقطة:

• أرسل بيانات المستخدم مرة أخرى إلى صفحة PHP عبر طلب AJAX. (انظر إلى البرنامج المساعد في شكل مسج)
• يجب أن تقبل صفحة PHP والتحقق من صحة البيانات، وإدراجها في قاعدة البيانات ثم إرسال استجابة مرة أخرى إلى الصفحة في بعض التنسيق (أوصي JSON، باستخدام وظيفة PHP json_encode..
  • يجب أن يكون الاستجابة إما "مرفوضا" أو "مقبولا" مع إرجاع بيانات المستخدم إليهم، حيث يتم تنظيفها كما هو مطلوب بنظامك الخاص.
• ثم في طريقة اتصال نجاح AJAX، استخدم JQuery لإلحاق البيانات في الجدول، أو منحها رسالة تخبرهم عن سبب رفضها.

Answer 4

عندما يضغط المستخدم على الزر، يجب عليك استدعاء الرمز الذي تم استخدامه لتحميل الجدول. قد تكون البيانات البيانات من البداية + البيانات التي تمت إضافتها. أو قد يتم إعادة تتراء البيانات من الخادم، اعتمادا على كيفية عمل التطبيق الخاص بك.

قد توضح معلومات أكثر قليلا الأشياء، لذلك يمكننا تقديم المزيد من الإجابات المحددة.

Answer 5

حسنا، يتم إنشاء الجدول باستخدام هذا:

<table id="bookmarks">
        <thead>
            <tr class="table-top">
                <th>Thumbnail</th>
                <th>Title/Description</th>
                <th>Tags</th>
                <th>Action</th>
            </tr>
        </thead>
        <?php
        $hID = userToID($_SESSION['username']);
        $hQuery = mysql_query("SELECT * FROM linkz WHERE userid='$hID'") or die(mysql_error());
        while($hRow = mysql_fetch_array($hQuery)) {
            echo "<tr class='link'><td><img src='http://www.thumbshots.de/cgi-bin/show.cgi?url=".$hRow["location"]."' /></td><td><a href='share/".$hRow['shareid']."'>".$hRow["title"]."</a> - <i>". $hRow["description"]."</i><br /><b>Share Link:</b> http://www.linkbase.us/share/".$hRow['shareid']."</td><td>".$hRow['tags']."</td><td><a href='#' id='".$hRow['shareid']."' class='delbutton'>Delete</a></td></tr>";
        }
    ?>
    </table>

Answer 6

ستحتاج إلى النظر في أساسيات AJAX أولا.

ستحتاج إلى تعلم كيفية المشي قبل البدء في التشغيل.

ابحث عن بعض البرامج التعليمية على AJAX، PHP & AJAX

هنا و هنا 2 لتبدأ