خواندن JSON در جی کوئری

در این آموزش , ما از jQuery برای خواندن JSON از صفحه PHP توسط AJAX استفاده می کنیم. در صفحه php, ما یک آرایه از سطرهای دیتابیس خوانده و به داده JSON توسط تابع json_encode() در php تبدیل می کنیم.

سپس , داده JSON را خوانده (parse) و به یک آبجکت (object) تبدیل می کنیم.

تابع خواندن JSON در جی کوئری

این تابع با رویداد کلیک (click) را دکمه فراخوانی می شود. از تابع getJSON برای خواندن داده JSON برگشت داده شده از صفحه PHP بهره می بریم . بعد از تبدیل داده JSON به یک شی (Object) خروجی را در صفحه HTML مورد نظر append (اضافه کردن محتوا در jquery) می کنیم.

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');
		}		
	});	

}

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 استفاده می شود.

<?php
require_once("dbcontroller.php");
$db_handle = new DBController();
$query ="SELECT * FROM tutorial";
$result = $db_handle->runQuery($query);
print json_encode($result);
?>

<?php

require_once("dbcontroller.php");

$db_handle = new DBController();

$query ="SELECT * FROM tutorial";

$result = $db_handle->runQuery($query);

print json_encode($result);

کد SQL ساخت جدول دیتابیس

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`)
)