گروه مقاله : طراحی سایت
تاريخ انتشار : 1396/07/11 - 11:52
كد :7878
در این مقاله نحوه استفاده از آی جکس برای کار با فایل های XML را بررسی می کنیم . این مقاله شامل چندین بخش است که در این مقاله بخش مقدماتی را توضیح میدهیم
استفاده از XML در Ajax
آی جکس تحقق رویاهای توسعه دهندگان وب است:
- با آی جکس میتوان بدون بارگذاری مجدد صفحه را بروز رسانی کرد
- با ایجکس میتوان بعد از بارگذاری صفحه از سرور تقاضای داده داشت.
- با ایجکس میتوان بعد از بارگذاری صفحه، داده ای را از سرور بارگذاری کرد.
- با ایجکس میتوان در پسزمینه داده ها را به سرور فرستاد.
مثال ایجکس
با کلیک روی دکمه زیر شما میتوانید متن صفحه را تغییر دهید.
Let AJAX change this text
مشاهده نتیجه
صفحه HTML ما حاوی کد های زیر است:
<!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>
- صفحه HTML یک تگ DIV و یک تگ Button .
- تگ DIV برای نمایش اطلاعات از سرور به کار میرود.
- دکمه عملگر را در صورت فشرده شدن فراخوانی می کند.
- عملگر داده ها را از سرور فراخوانی و به نمایش می گذارد.
Function loadDoc():
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();
}
آی جکس چیست؟
AJAX سر نام : Asynchronous JavaScript And XML است.
AJAX یک زبان برنامه نویسی نیست.
AJAX تنها برای ترکیب زیر استفاده میشود.
شیئ built-in XMLHttpRequest برای درخواست داده از سرور
جاوا اسکریپت و HTML DOM برای نمایش داده ها بکار میروند
ایجکس چگونه کار می کند:
- یک رخداد در صفحه رخ میدهد (صفحه بارگذاری شده و یا دکمه ای فشرده میشود)
- یک شیئ XMLHttpRequest با جاوا اسکریپت ایجاد میشود.
- شیئ XMLHttpRequest درخواست را به سرور می فرستد.
- سرور درخواست را پردازش می کند.
- سرور درخواست را به یک بلاک در وب ارسال می کند.
- پاسخ توسط جاوا اسکریپت ایجاد میشود.
- یک پاسخ مناسب توسط جاوا به درخواست داده میشود (مثلا صفحه بروز رسانی میشود.)
براي بهره مندي از مشاوره تخصصي در زمینه طراحی سایت در کرج با شرکت سارگون تماس بگيريد
+ ادامه این مقاله را در صفحه ایجاد شیئ XML درخواست داده از سرور با ای جکس مشاهده نمایید.