Ajax-те алгашкы мысал
Posted by: Bakytnur on: Шілде 6, 2007
Әрбір програмдау тілін үйрене бастағанда Hello World мысалымен бастаушы едік. Сондықтан да осы Hello World! мысалымен бастайын.Бұл мысал HelloWorld.html және SayHello.html деген екі документтен тұрады.
1. Windows Notepad-те жаңа файл ашып, ішіне Say Hello деп жазып, SayHello.html атымен сақтаңыз.
2. Енді, төмендегі мысалды HelloWorld.html файлына сақтаңыз.
<html> <head>
<title>AJAХ-те алгашкы мысал</title>
<script language=”JavaScript” type=”text/javascript”>
funtion getXmlHttpRequestObject() {
if (window.XMLHttpRequest) {
return new XMLHttpRequest(); //Not IE
} else if(window.ActiveXObject) {
return new ActiveXObject(”Microsoft.XMLHTTP”); //IE
} else {
alert(”Сіздің браузеріңіз бұл қызметті қолдамайды екен, басқа браузер арқылы сынаңыз!”);
}
}
var receiveReq = getXmlHttpRequestObject();
function sayHello() {
if (receiveReq.readyState == 4 || receiveReq.readyState == 0) {
receiveReq.open(”GET”, ‘SayHello.html’, true);
receiveReq.onreadystatechange = handleSayHello;
receiveReq.send(null);
}
}
function handleSayHello() {
if (receiveReq.readyState == 4)
document.getElementById(’span_result’).innerHTML = receiveReq.responseText;
}
</script>
</head>
<body>
<a href=”javascript:sayHello();”>Say Hello</a><br />
<span id=”span_result”></span>
</body>
</html>
Жоғарыда SayHello.html файлы тек бір жолдан, яғни Say Hellо деген сөзден тұрады. Ал барлық жұмысты HelloWorld.html файлы атқарады.
<a href=”javascript:sayHello();”>Say Hello</a><br />
<span id=”span_result”></span>
Say Hello деген сілтемеге басқан кезде sayHello() функциясы Javascript арқылы шақырылып, бетті қайтадан ашпай-ақ сол мезетте span тагтың мәнін өзгертеді. Span тагына span_result арқылы қатынайды.
Жоғарыда мысал ретінде span тагын қолдандым, ал сіз қалаған HTML тагын, мыс: div, p, т.б тагтарды қолдануыңызға болады.
4 жауаптар -ге "Ajax-те алгашкы мысал"
Шілде 10, 2007 at 1:27 тк
ajax де. үйренуге ниетім бар еді, қап, қолым бос емес 
(
емтихан кезеңі басталғалы жатыр
Тамыз 17, 2007 at 1:02 тк
О, міне, AJAX деген керек зат, бұны үйреніп бастауым керек…
Дұрыс!
Жауап қалдырыңыз
Блог қонақтары
Мәссаған.ком-дағы соңғы жаңалықтар
- Халық қаһарманы: Аты - Нұрғиса, заты - өнер, атасы - күй, анасы - ән
- Қазақ тілі туралы пікір
- Мектеп жегендердің мектепте оқитын баласы жоқ па?
- Twitter нобельдік лауреат қатарында
- Тенор біздің тілді менсінбеді ме?
- *Ашулы жұдырық күліп тұрған бетті ұра алмайды*
- Ноғаев қызметінен қуылды
- Фейсбукта Қазақстандағы техника және ғылымға арналған бірлестік ашылды.
- Шаман әйелдің сүйегі табылды
- Microsoft корпорациясы Internet Explorer бағдарламасының осал екенін ескертуде
Ең соңғы пікірлер
 | Bakytnur Интернеті жоқ елдің хакері бол… адресінде |
 | Ansar Интернеті жоқ елдің хакері бол… адресінде |
| Bakytnur Интернеті жоқ елдің хакері бол… адресінде |
| Ansar Интернеті жоқ елдің хакері бол… адресінде |
 | akboken Yesterday is history. Tomorrow… адресінде |
Менің суреттерім
|
Шілде 10, 2007 at 8:06 тд
oy masallah masallah, AJAX ada baslamissin.. iske sat.. bul arada mend kazaksha blog jazip bastain dep edim bir turli bastay almay jurgenimdi