أجاكس أمثلة
لمساعدتك على فهم أجاكس يعمل، ونحن إنشاء تطبيق أجاكس الصغير:
أمثلة أجاكس التحليل
يحتوي التطبيق على أجاكس أعلاه لشعبة وزر.
جزء شعبة لعرض المعلومات من الخادم. عند النقر على زر، وهي مسؤولة عن استدعاء دالة اسمه loadXMLDoc () هو:
<!DOCTYPE html>
<html>
<body>
<div id="myDiv"><h2>Let AJAX change this text</h2></div>
<button type="button" onclick="loadXMLDoc()">Change Content</button>
</body>
</html>
<html>
<body>
<div id="myDiv"><h2>Let AJAX change this text</h2></div>
<button type="button" onclick="loadXMLDoc()">Change Content</button>
</body>
</html>
وبعد ذلك، في رأس الصفحة لإضافة العلامة <script>. وتتضمن التسمية وظيفة loadXMLDoc ():
<head>
<script>
function loadXMLDoc()
{
.... AJAX script goes here ...
}
</script>
</head>
<script>
function loadXMLDoc()
{
.... AJAX script goes here ...
}
</script>
</head>
سوف الأقسام التالية تشرح يعمل أجاكس الخاص بك.