وب آکادمی

مرجع آموزش طراحی و برنامه نویسی وب

آموزش AJAX در پی اچ پی- 2# آموزش استفاده از AJAX در صفحات وب

دسته بندی:آموزش استفاده از ajax با زبان php تاریخ انتشار: 14 مهر 1397 برچسب ها : برچسب‌ها:, , ,

AJAX امکانات رویایی برای توسعه دهندگان فراهم می کند:

  • اطلاعات را از یک وب سرور بخوانید – بعد از بارگیری صفحه
  • به روز رسانی یک صفحه وب بدون بارگذاری مجدد صفحه
  • ارسال اطلاعات به یک وب سرور – در پس زمینه

مثال زیر عملکرد AJAX را نشان می دهد:

function loadDoc() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("demo").innerHTML = this.responseText;
}
};
xhttp.open("GET", "ajax_info.txt", true);
xhttp.send();
}
<!DOCTYPE html>
<html>
<body>
<div id="demo">
<h2>Let AJAX change this text</h2>
<button type="button" onclick="loadDoc()">Change Content</button>
</div>
</body>
</html>

شکل زیر روش کار AJAX را نشان می دهد:
آموزش ایجکس - کدنویسان

  1. یک رویداد در یک صفحه وب اتفاق می افتد (صفحه لود می شود، یک دکمه روی آن کلیک می شود)
  2. یک شیء XMLHttpRequest توسط جاوا اسکریپت ایجاد می شود
  3. شیء XMLHttpRequest درخواستی را به یک وب سرور ارسال می کند
  4. سرور درخواست را پردازش می کند
  5. سرور پاسخی به صفحه وب ارسال می کند
  6. پاسخ توسط جاوا اسکریپت خوانده شده است
  7. عمل مناسب (مانند به روز رسانی صفحه) توسط JavaScript انجام می شود.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

2 × سه =