AJAX er sagen

 

Hvad bruges Ajax til?
- Det bruges til at hente data på en side/database uden at skulle reloade siden

Ja hvad står AJAX for?
- Asynchronous Javascript and XML applications

Nogen "bug" ved AJAX?
- Det eneste jeg kender er at man kan ikke hente data fra en anden url en den man er på, hvis man bruger Mozilla, men med IE kan man godt. Det er ikke en fejl i Firefox men nok mere i IE.

Her er et ajax eksempel, hvor man henter data fra en php fil.
http://www.phpuniverset.dk/ajax/dropdown.html

HTML filen hvor man henter data ind via AJAX (XMLHttpRequest)
1 af 2 filer: dropdown.html


<html>
<head>
<title>Ajax</title>
<script language="javascript" type="text/javascript">

function createRequestObject(){
var request_o;
var browser = navigator.appName;
if(browser == "Microsoft Internet Explorer"){

request_o = new ActiveXObject("Microsoft.XMLHTTP");
}else{

request_o = new XMLHttpRequest();
}
return request_o;
}

var http = createRequestObject();

function getProducts(){

http.open('get', 'request.php?action=get_products&id='
+ document.form_category_select.select_category_select.selectedIndex);

http.onreadystatechange = handleProducts;

http.send(null);
}

function handleProducts(){

if(http.readyState == 4){ //Finished loading the response

var response = http.responseText;

document.getElementById('product_cage').innerHTML = response;
}
}

</script>
</head>
<body>


<div id="product_categories">
<form name="form_category_select">

<select name="select_category_select" onChange="getProducts();">
<option>Boards</option>
<option>Sejl</option>
<option>Bomme</option>
</select>
</form>
</div>
<div id="product_cage">
Vælg en kategori:
</div>

</body>
</html>


PHP filen hvor man har alt data'en
2 af 2 filer: request.php

<?php

if($_GET['action'] == 'get_products'){

switch($_GET['id']){

case 0:
echo '
<ul>
<li>JP</li>
<li>Fanatic</li>
<li>Goya</li>

</ul>';
break;
case 1:
echo '
<ul>
<li>Simmer</li>
<li>North sails</li>
<li>Gastra</li>
<li>Goya sails</li>
</ul>';
break;
case 2:
echo '
<ul>
<li>Technolimit</li>
<li>Simmer</li>
<li>North</li>
</ul>';
break;
default:
echo '<b>Du har ikke valg en kategori!</b>';
break;
}
}
?>


Flere AJAX eksempler
Lommeregner
http://www.modernmethod.com/sajax/sajax-0.10/php/example_multiply.php

Google Suggest
http://www.google.com/webhp?complete=1

Læs XML data fra en iTunes RSS kilde
http://developer.apple.com/internet/webcontent/XMLHttpRequestExample/example.html



Skrevet af: | Dato : 2005-09-14 20:0 | Læst : 16449 gange