در این آموزش , ما از jQuery برای خواندن JSON از صفحه PHP توسط AJAX استفاده می کنیم. در صفحه php, ما یک آرایه از سطرهای دیتابیس خوانده و به داده JSON توسط تابع json_encode() در php تبدیل می کنیم.
سپس , داده JSON را خوانده (parse) و به یک آبجکت (object) تبدیل می کنیم.
تابع خواندن JSON در جی کوئری
این تابع با رویداد کلیک (click) را دکمه فراخوانی می شود. از تابع getJSON برای خواندن داده JSON برگشت داده شده از صفحه PHP بهره می بریم . بعد از تبدیل داده JSON به یک شی (Object) خروجی را در صفحه HTML مورد نظر append (اضافه کردن محتوا در jquery) می کنیم.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
function readJSONData() { $.getJSON("read_tutorial.php",function(data){ if(data) { var json_data; $('#read-data').hide(); $('.demo-table').show(); $.each(data, function(i,tutorial){ json_data = '<tr>'+ '<td valign="top">'+ '<div class="feed_title">'+tutorial.title+'</div>'+ '<div>'+tutorial.description+'</div>'+ '</td>'+ '</tr>'; $(json_data).appendTo('#demo-table-content'); }); } else { json_data += '<tr>'+ '<td valign="top">No Tutorials Found</td>'+ '</tr>'; $(json_data).appendTo('#demo-table-content'); } }); } |
ساخت داده JSON در PHP
کد php زیر اطلاعات را از دیتابیس MySQL خوانده و با تابع json_encode به فرمت JSON تبدیل می کند . این فرمت به عنوان پاسخ درخواست AJAX برگشت و برای خواندن JSON در جی کوئری در تابع getJSON استفاده می شود.
|
1 2 3 4 5 6 7 |
<?php require_once("dbcontroller.php"); $db_handle = new DBController(); $query ="SELECT * FROM tutorial"; $result = $db_handle->runQuery($query); print json_encode($result); ?> |
کد SQL ساخت جدول دیتابیس
|
1 2 3 4 5 6 7 |
CREATE TABLE IF NOT EXISTS `tutorial` ( `id` int(8) NOT NULL AUTO_INCREMENT, `title` varchar(255) NOT NULL, `description` text NOT NULL, `rating` tinyint(2) DEFAULT NULL, PRIMARY KEY (`id`) ) |
امیدوارم مقاله آموزشی خواندن JSON در جی کوئری برای شما مفید واقع شده باشد.
برای دانلود سورس کد کامل این آموزش از باکس دانلود استفاده کنید.
هر سوالی داشتید ، از قسمت نظرات ارسال کنید . سریعا ، پاسخگوی سوالات شما هستیم .
موفق و پیروز باشید.
