آموزش آجاکس

چاپ

 

AJAX

آجاکس رویای برنامه نویسان است، زیرا به وسیله ی آن می توانید:


مثال های خودتان امتحان کنید در هر فصل

در هر فصل، شما می توانید مثال ها را به صورت آنلاین ویرایش کند و با کلیک بر روی یک دکمه، نتیجه را مشاهده کنید.

مثالی از آجاکس

اجازه دهید آجاکس این متن را تغییر دهد

خودتان امتحان کنید »

شرح مثال آجاکس

صفحه ی HTML

<!DOCTYPE html>
<html>
<body>

<div id="demo"><h2>اجازه دهید آجاکس این متن را تغییر دهد</h2></div>

<button type="button" onclick="loadDoc()">تغییر متن</button>

</body>
</html>

صفحه ی مورد نظر دارای یک عنصر <div> و یک عنصر <button> است.

از عنصر <div> مورد نظر برای نمایش دادن اطلاعات از سرور استفاده می شود.

در صورتی که بر روی <button> کلیک شود، یک تابع فراخوانی می شود.

تابع مورد نظر، داده ها را از سرور درخواست می کند و آن را نمایش می دهد:

تابع  ()loadDoc

function loadDoc() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (xhttp.readyState == 4 && xhttp.status == 200) {
     document.getElementById("demo").innerHTML = xhttp.responseText;
    }
  };
  xhttp.open("GET""ajax_info.txt"true);
  xhttp.send();
}

 هم اکنون یادگیری آجاکس را شروع نمایید!