یک آمورش برای آژاکس

[میلاد]

یکی یه آموزش کامل برای این آژاکس بنویسه...
من نوفهمم هر کاری وکنم نوشه، من نفهم بیدم...:blink:

 

[3epehr]

آره منم درست حسابي نفهميدم آژاكس چيه يكي توضيح بده ممنون ميشم!

 

[Romain_Gary]

یکی از اول بگه این آژاکس چیه ؟
منم توی این منو های کشوای چند جا دیدم ولی نفهمیدم چی بود.

 

[azizaa]

it's better to disscus it in the Javascript forum, it's more related to JS rather than PHP.
anyway, it's very simple! and there are tons and tons of articles related to it on the web. just google it and start reading.

 

[Mehdi]

خوب من ميگم يه چيزايي تا دستگيرتون بشه ولي بقيش رو خودتون از گوگل پيدا كنيد بيشتر از اين نميتونم كمك كنم
ولي سوال داشتيد شايد بتونم جواب بدم

 

[Mehdi]

اژاكس كه مخفف
Asynchrumous JavaScript and XML

هست بصورت يه لايه ارتباطي عمل ميكنه و از مزاياش ميشه به افزايش سرعت و كاهش پهناي باند اشاره كرد
با اژاكس البته بخونيد اي جكس ميتونيد تغييرات مورد نظر يك صفحه رو بدون لود شدن انجام بديد
ميشه براي مثال يك عبارت رو ذخيره كنيد بدون اينكه نياز باشه صفحه رفرش بشه
الان اين زبان ... نه بهتره بگيم اين روش يه روش درحال توسعه هست يعني هيچكس بطور كامل تسلط نداره بهش
و حالا حالا بايد روش كار كنن
حتي ميتونيد باهاش يه سي ام اس بسازيد كه باهاش مثل يه برنامه ويندوز رفتار كنيد ميتونيد بريد به قسمت مديريت بعد هركدوم از پنجره هارو بصورت درگ و دراپ جاشو عوض كنيد يا همونجا رو نوشته يدونه كليك كنيد و يه پنجره براتون بازبشه و بتونيد همونجا تغيير بديد و همونجا سيو كنيد و كلي كار ديگه
بلي شما ميتونيد همه اينكارا رو بدونه اينكه مجبور باشيد به يه صفحه ديگه بريد انجام بديد
ميتونيد كارهاي بيشتري هم انجام بديد ولي خوب بايد به جاوا اسكريپت تسلط بيشتري داشته باشيد
نميدونم برنامه هادي فنايي به اسم پرشين فرم رو ديديد يا نه ولي قسمت درست كردن قالب در اين برنامه ميتونه مثالي براي اي جكس باشه البته كاملا اي جكس نيست ولي شبيه هست
هدف اي جكس بيشتر اينه كه به برنامه هاي دسكتاپ نزديك تر بشه
همين الان سايت هاي زيادي از اين روش استفاده ميكنن نمونه خوبش همين گوگل كه در گوگل مپ و گوگل ارث و گوگل سوجست چند جاي ديگه از اي جكس استفاده كرده
سايت هاي امازون و ياهو هم در بعضي از قسمت ها از اي جكس استفاده كردن
شايد بشه بزرگترين مشكل اي جكس رو قادر نبودن در اجرا در بعضي مرور گرها گفت كه البته با روش هايي قابل حل هستش ولي بطور كلي برا مرور گرهاي مختلف متفاوت هست و بيشتر يعني 95 درصدشون روي اينترنت اكسپلورر بخوبي جواب ميدن و در مرور گرهاي ديگه مثل صفري و اپرا (8.5) به بالا و فايرفاكس نسخه يك به بالا معمولا جواب ميدن
فكر ميكنم تا اينجا يه چيزايي دستگيرتون شد حالا بزاريد درباره نوع كاركرد اي جكس بگيم
بزاريد اين قسمت رو از وبلاگ علي خليلي براتون بگم :
مدل کلاسیک برنامه های کاربردی وب به این صورت است که: کاربران توسط یک واسط، درخواست خود را به وب سرور ارسال می کنند. سرور پردازشی خاص برای درخواست مورد نظر کاربر انجام می دهد و سپس نتیجه را به صورت HTML به کاربر برمی گرداند. این مدل با کاربرد اولیه وب به عنوان واسط انتقال hypertext سازگار است اما تجربیات نشان می دهد که در طراحی برنامه های کاربردی لزوما استفاده از این مدل نتیجه مطلوب کاربران را نمی دهد!

قتی که سرور مشغول پردازش درخواست ها است، کاربر چه می کند؟ مسلم است که انتظار می کشد! و این انتظار در هر مرحله از انجام کار بیشتر و بیشتر می شود! زمانی که یک فرم وب را در برنام کاربردی خود قرار می دهید کاربر باید تا زمان دریافت نتایج صبر کند.اصلا چه لزومی دارد که کاربر ببیند برنامه او به سمت سرور می رود؟! Ajax به این پرسش ها پاسخ می دهد:
ک برنامه کاربردی Ajax ، طبیعت start-stop-start-stop برنامه های کاربردی وب را با معرفی یک واسط به نام Ajax engine بین کاربر و سرور، از بین می برد. ممکن است به نظر برسد که افزودن یک لایه جدید به برنامه کاربردی، عکس العمل آن را کند کند اما نتیجه حاصله کاملا برعکس است! به جای load کردن یک صفحه وب در آغاز یک session ، مرورگر کاربر، Ajax engine را که توسط JavaScript نوشته شده است load می کند. این engine مسئولیت render کردن واسطی که کاربر می بیند و همچنین ارتباط با سرور از سمت کاربر را بر عهده دارد.این engine سبب می شود که تعامل کاربر با برنامه کاربردی، نا همگام(asynchronously) با ارتباط کاربر با سرور انجام شود. بنابر این ،کاربر هرگز یک صفحه مرورگر خالی یا یک آیکون ساعت شنی برای انتظار نمی بیند و منتظر سرور نمی نشیند!

Google نقش مهمی را در طراحی و به کارگیری این شیوه جدید داشته است. Orkut, Gmail و آخرین نسخه آزمایشی Google Groups, Google Suggest و Google Maps به شیوه Ajax طراحی شده اند.(برای کسب اطلاعات بیشتر می توانید به تحلیل Gmail, Google Suggest و Google Maps مراجعه کنید.) بیشتر ویژگی های جالب که در Flickr مشاهده می کنید بر اساس همین شیوه است. متور جستجوی Amazon’s A9.com هم بر اساس این روش طراحی شده است.
این پروژه های موفق نشان می دهند که Ajax یک روش تئوری نیست بلکه کاملا کاربردی است!

--------------
خوب روش اي جكس هم به اين صورت هست

خوب فكر ميكنم بيشتر از يه چيزايي دستتون اومد ولي اگه بازم ميخوايد بيشتر ياد بگيريد پيشنهاد ميكنم مقاله هاي بعدي علي خليلي رو بخونيد كه حتي نمونه هم براش گزاشته
قسمت اول

قسمت دوم

و بهترين سايت اموزشي اي جكس همينجاست كليك كن

 

[میلاد]

اینا را که همتون گفتین خودم می دونستم...
فقط اگه ممکنه مثال بزارید! من چند بار امتحان کردم ولی جواب نمیده!
یکی بیاد از اول روش کد نویسی آژاکس را یاد بده و از این جور چیزا گرفتین چی شد؟

 

[Mehdi]

خوب علي خليلي خودش يه مثال گزاشته
ميتونيد از فريم ورك هاي اماده هم استفاده كني مثل
RubyOnrails
يا چندين نوع برنامه هم گزاشتن كه معروفتريناش برا پي اچ پي
jspan
sajax
script acalus
يه هميچين چيزايي هستن
وقت كردم مثال هم ميزارم
حالا واسه چي يهو علاقه مند شدي

 

[Romain_Gary]

دستت درد نکنه خیلی آموزنده بود

 

[Mehdi]

دستت درد نکنه خیلی آموزنده بود

منتظر همين يه تيكه بودم

 

[میلاد]

من با sajax کار کردم ولی هی قاطی پاتی وشد جیگر!
اگه میشه از sajax مثال وزن یا هر کدوم به نظرت بهتره...
علت علاقه مندیمم اینه که دیگه هر جا میری دارن از آژاکس استفاده میکنن!

 

[Mehdi]

من با sajax کار کردم ولی هی قاطی پاتی وشد جیگر!
اگه میشه از sajax مثال وزن یا هر کدوم به نظرت بهتره...
علت علاقه مندیمم اینه که دیگه هر جا میری دارن از آژاکس استفاده میکنن!

مثال هاي خود ساجاكس رو ديدي؟
سه چهارتا خودش مثال گزاشته
مثال هاي خوبي هم هست

 

[azizaa]

نگوییم آژاکس
بگوییم اِیْ‌ جَکس

 

[Mehdi]

نگوییم آژاکس
بگوییم اِیْ‌ جَکس

بيا دوساعت اموزش بنويس بعد هيچكدومو نخونن:hmm: :jealous:

ا اژاكس البته بخونيد اي جكس ميتونيد تغييرات مورد نظر يك صفحه رو بدون لود شدن انجام بديد

:thumbsdow

 

[azizaa]

بيا دوساعت اموزش بنويس بعد هيچكدومو نخونن:hmm: :jealous:

:thumbsdow

Oh, sorry Mehdvirus...
but I don't need to read it anymore, I'm quite familiar with it!
anyway, I'm really sorry to repeat what you've mentioned!
it's really annoying to me when I see this word "آژاکس"

 

[azizaa]

by the way, if you want to see comment listing and comment posting in an MT powered weblog using Ajax you can take a look at my weblog:
http://aziza.ir/blog

 

[Mehdi]

ok, now that you are familiar to ajax please give me an example of dynamic table
or live site search(but not for one page)
or give me a edit in place example
you are free to don't give me an example or let me know

 

[Mehdi]

and i look your site
there is some problem, you didn't put any progressbar or some text to tell user wait for saving comment or i didn't saw it

 

[azizaa]

and i look your site
there is some problem, you didn't put any progressbar or some text to tell user wait for saving comment or i didn't saw it

I think RICO (http://openrico.org/) has a lot of good examples and it has most of the examples that you've asked for. just take a look.

about the weblog, you are definitely right. it's still under development and unfortunately I'm very busy nowadays. I'm trying to find a free time to work on a plugin called MT-AJAX for movabletype.
there are more serious problem regarding my current implementation of ajax. for example if two persons put a comment at the same time, then it makes a lot of problems for the system and the wrong comment will be shown.

 

[Mehdi]

i think sajax is good for php
Good Luck,if you need help i'll be happy to help you
although you are my master.