في السنوات الأخيرة ، كتبت الكثير من JavaScript التقليدية حقيقة ، هذا هو جوهر Ajax في jQuery. والتعليقات مكتوبة بالتفصيل ، لذلك يجب أن يكون الجميع قادرين على فهم:
نسخة الكود كما يلي:
<script type = "text/javaScript">
// (أ) ① طريقة للحصول على ملف نصي (يطبق JavaScript التقليدية طريقة كتابة Ajax)
وظيفة loadxmldoc1 ()
{
var xmlhttp ؛
if (window.xmlhttprequest)
{
// رمز لـ IE7+، Firefox ، Chrome ، Opera ، Safari
xmlHttp = new xmlhttprequest () ؛
}
آخر
{
// رمز IE6 ، IE5
XMLHTTP = New ActivexObject ("Microsoft.xmlhttp") ؛
}
// onReadyStateChange يخزن دالة (أو اسم وظيفة) ، والتي سيتم استدعاؤها كلما تغيرت خاصية ReadyState.
XMLHTTP.OnReadyStateChange = function ()
{
// ReadyState
// حالة xmlhttprequest موجودة. التغييرات من 0 إلى 4.
// 0: لا يتم تهيئة الطلب
// 1: تم إنشاء اتصال الخادم
// 2: تم استلام الطلب
// 3: معالجة الطلب جارية
// 4: تم الانتهاء من الطلب والاستجابة جاهزة
//حالة
// 200: "OK"
// 404: الصفحة لم يتم العثور عليها
if (xmlhttp.readyState == 4 && xmlhttp.status == 200)
{
document.getElementById ("mydiv1"). innerhtml = xmlhttp.responsetext ؛
}
}
xmlhttp.open ("get" ، "doc/test1.txt" ، true) ؛
xmlhttp.send () ؛
}
رمز صفحة HTML:
نسخة الكود كما يلي:
<body>
<form id = "form1" runat = "server">
<٪-احصل على الملف النصي على الخادم وعرضه-٪>
<div id = "mydiv1"> <h2> قم بتغيير المحتوى من خلال ajax </h2> </viv>
<button id = "btnchange1" type = "button" onClick = "LOADXMLDOC1 ()"> قم بتغيير المحتوى من خلال ajax (احصل على النص أعلاه test1.txt) </button>
</form>
</body>
تأثير التوضيح: