مشخصات مقاله
-
3323
-
0.0
-
12592
-
0
-
0
آموزش Ajax آژاکس در php
AJAX چیست؟
AJAX مخفف Asynchronous JavaScript and XM است AJAX شیوه ای جدید برای ساختن برنامه های اجرایی {application} وِب هرچه سریعتر، بهتر و محاوره ای تر است، که به کمک XML، HTML، CSS و Java Script امکان پذیر می شود.
برنامه های متعارف وِب با استفاده از درخواست های همزمان {synchronous requests} اطلاعات را از سِروِر گرفته و همچنان به سِرور انتقال می دهد. به این معنا که شما یک فرمی را پر کرده، سپس submit را زده و به صحفه ی جدید با اطلاعات جدید از سِرور هدایت می شوید.
در AJAX هنگامی که گزینه ی submit را کلیک می کنید ، JavaScript یک درخواست جدید به سِرور می فرستد، نتایج به دست آمده را تفسیر می کند و صحفه ی نمایش را آپدیت می کند. به عبارت دقیق تر ، کاربر حتی نمی داند که چیزی به سِروِر فرستاده شده است.
برای اینکه به طور واضح نشان دهیم که دستیابی به اطلاعات یک بانک اطلاعات با کمک PHPو AJAX چقدر آسان است، پرس و جو های {query} MySQL به صورت on the fly و بدون به تعویق در آوردن عملیات دیگر خواهیم ساخت و نتایج را در "ajax.html" به نمایش خواهیم گذاشت. اجازه دهید پیش از اقدام به این عملیات یک سری پیش زمینه و کارهای ابتدایی را انجام بدهیم. با فرمان {command} زیر جدولی بسازید.
شما باید برای اجرای عملیات mysql زیر از امتیاز کافی برخوردار باشید.
CREATE TABLE `ajax_example` (
`name` varchar(50) NOT NULL،
`age` int(11) NOT NULL،
`sex` varchar(1) NOT NULL،
`wpm` int(11) NOT NULL،
PRIMARY KEY (`name`)
)
حال اطلاعات زیر را با دستورهای {statement} Mysql در داخل جدول زیر قرار دهید.
INSERT INTO `ajax_example` VALUES ('Jerry'، 120، 'm'، 20);
INSERT INTO `ajax_example` VALUES ('Regis'، 75، 'm'، 44);
INSERT INTO `ajax_example` VALUES ('Frank'، 45، 'm'، 87);
INSERT INTO `ajax_example` VALUES ('Jill'، 22، 'f'، 72);
INSERT INTO `ajax_example` VALUES ('Tracy'، 27، 'f'، 0);
INSERT INTO `ajax_example` VALUES ('Julie'، 35، 'f'، 90);
فایل Client Side HTML
حال اجازه دهید فایل HTML طرف سرویس گیرنده {Client Side HTML} که ajax.html می باشد را امتحان کنیم که کُد زیر را به دست می دهد.
شیوه ی ارسال کردن متغیرها {variable} در پرس و جو {Query} بر مبنای استاندارهای HTTP و formA هست.
URL?variable1=value1;&variable2=value2;
حال کُد بالا صحفه ای مانند صحفه ی نمایش زیر به نمایش می گذارد.
MAX AGE:
MAX WPM:
Sex : m Query Mysql
نتایج کار شما این جا نمایش داده خواهد شد.
فایل server side PHP
بنابراین پردازه ی طرف سرویس گیرنده {Client side server script} اکنون آماده است.حال باید پردازه ی طرف سرویس گیرنده {server side script} را بنویسید که اطلاعات مربوط به سن {age}،wmp وجنسیت را از پایگاه اطلاعاتی دریافت کنید و سپس آن ها را دوباره به سرویس گیرنده بفرستید. کُد زیر را در فایل "ajax-example.php" قرار دهید.
";
$display_string .= "
";
$display_string .= "
Name ";
$display_string .= "
Age ";
$display_string .= "
Sex ";
$display_string .= "
WPM ";
$display_string .= "
";
// Insert a new row in the table for each person returned
while($row = mysql_fetch_array($qry_result)){
$display_string .= "
";
$display_string .= "
$row[name] ";
$display_string .= "
$row[age] ";
$display_string .= "
$row[sex] ";
$display_string .= "
$row[wpm] ";
$display_string .= "
";
}
echo "Query: " . $query . "
";
$display_string .= "
";
echo $display_string;
?>
این بار سعی کنید یک مقدار معتبر یا مجاز در کادر"MAX AGE" یا هر کادر دیگری قرار دهید.
سپس دکمه ی Query MySQL را فشار دهید.
نتایج کار شما این جا نمایش داده خواهد شد.
MAX AGE:
MAX WPM:
Sex: m Query mysql
اکنون شما قادر هستید با MySQL،PHP ، HTML و Javascript به طور همزمان برای نوشتن برنامه های AJAX کار کنید.