tabib_m
جمعه 15 اردیبهشت 1385, 15:42 عصر
<html>
<head>
<title>AJAX</title>
<script type="text/javascript">
var txt;
var http = createRequestObject();
function createRequestObject(){
var xhttp;
if(window.XMLHttpRequest) {// FIREFOX
xhttp = new XMLHttpRequest();
} else if(window.ActiveXObject) {// IE
xhttp = new ActiveXObject("Microsoft.XMLHTTP");
} else {
xhttp = false;
}
return xhttp;
}
function ajaxing(page,text)
{
txt=text;
http.open("GET", page);
http.onreadystatechange = state;
http.send(null);
}
function state()
{
if (http.readyState == 1) document.getElementById(txt).innerHTML = "loading...";
if (http.readyState == 4) document.getElementById(txt).innerHTML = http.responseText;
}
</script>
</head>
<body>
hello<br>
<div id="DIV">test</div>
<a onClick="ajaxing('test2.php','DIV');">click here</a><br>
</body>
</html>
در این فایل ، در صورتی که روی "click here" کلیک کنیم ، فایل test2.php فراخوانی میشه ، و در قسمت div جایگزاری میشه.
شما میتونید از تابع ajaxing در هر رویدادی استفاده کنید. برای مثال در این مورد که شما لازم دارید ، میتونید توی قسمت onchange از این تابع استفاده کنید. و میتونید از عبارت this.value برای بدست اوردن مقداری که انتخاب شده استفاده کنید.
برای مثال:
<select name='SELECT' onchange="ajaxing('test2.php?selected_value='+this.value,'DI V');">
<option value='value1'>value1
<option value='value2'>value2
<option value='value3'>value3
<option value='value4'>value4
....
</select>
راستی منبع آموزشی برای Ajax چی معرفی میکنی؟
من که نمیدونم ، اگه دوستان معرفی کنن، من هم ممنون میشم.