دوره‌ای که می‌تونه مسیر شغلیت رو عوض کنه! دوره‌ای که می‌تونه مسیر شغلیت رو عوض کنه!
🎯 ثبت نام
بستن تبلیغات
دوره آموزش جامع PHP از صفر تا صد با پروژه‌های عملی

توی دوره رایگان PHP، هر چیزی که برای حرفه‌ای شدن نیاز داری رو یاد می‌گیری! از مفاهیم پایه تا پیشرفته، همراه با یه پروژه واقعی برای ساخت یه سایت مثل آپارات.

مشاهده بیشتر
دوره پروژه‌محور لاراول: ساخت وبسایت خبری از صفر تا صد

توی این دوره با هم یه وبسایت خبری واقعی رو از صفر می‌سازیم! از طراحی دیتابیس و احراز هویت تا ساخت API و یه پنل مدیریت حرفه‌ای، همه رو یاد می‌گیریم و آماده پروژه‌های واقعی میشی!

مشاهده بیشتر

آموزش Ajax آژاکس در php

AJAX چیست؟

AJAX مخفف Asynchronous JavaScript and XM است AJAX شیوه ای جدید برای ساختن برنامه های اجرایی {application} وِب هرچه سریعتر، بهتر و محاوره ای تر است، که به کمک XML، HTML، CSS و Java Script امکان پذیر می شود.
برنامه های متعارف وِب با استفاده از درخواست های همزمان {synchronous requests} اطلاعات را از سِروِر گرفته و همچنان به سِرور انتقال می دهد. به این معنا که شما یک فرمی را پر کرده، سپس submit را زده و به صحفه ی جدید با اطلاعات جدید از سِرور هدایت می شوید.
در AJAX هنگامی که گزینه ی submit را کلیک می کنید ، JavaScript یک درخواست جدید به سِرور می فرستد، نتایج به دست آمده را تفسیر می کند و صحفه ی نمایش را آپدیت می کند. به عبارت دقیق تر ، کاربر حتی نمی داند که چیزی به سِروِر فرستاده شده است.

مثال PHP و AJAX

برای اینکه به طور واضح نشان دهیم که دستیابی به اطلاعات یک بانک اطلاعات با کمک 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 می باشد را امتحان کنیم که کُد زیر را به دست می دهد.

                    
                    ‎
                    
                        ‎
                        ‎
                    ‎
                        ‎    ‎
‎ ‎ Max Age:
‎ ‎ Max WPM: ‎ ‎ ‎
‎ ‎ Sex: ‎ ‎ ‎‎ ‎
‎ ‎ ‎
Your result will display here
‎ ‎ ‎ ‎ ‎
توجه:

شیوه ی ارسال کردن متغیرها {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 کار کنید.

1394/07/27 11979 3178
رمز عبور : tahlildadeh.com یا www.tahlildadeh.com
نظرات شما

نظرات خود را ثبت کنید...