Top
Phpuniverset logo
 

INDHOLD

Forside

Job annoncer

Tips og Tricks

Konkurrence

Downloads

Dokumenter

PHP bog shop

Forum

Online udviklere


Propelcom

ARTIKLER

CSS

Diverse

E-handel / annoncer

Grafik

Html

Internet

Javascript

Linux

PHP/MySQL

Programmer

Flash

Søgemaskiner

Windows

C / C++


INFO

Information

Annoncering

Kontakt

AJAX er sagen

Forside Kategori Javascript 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: Thor B.N. | Dato : 2005-09-14 20:0 | Læst : 16327 gange | Print

Din kommentar og karakter til artiklen

Din karakter:

1

2

3

4

5

6

7

8

9

10

Kommentar:

Log ind for at give en karakter og kommentar.

Kommentarer og karakterer til artiklen

 

Send Artikel/anmeldelse til: phpuni@phpuniverset.dk

Tilbage til oversigt

FORUM

Nyeste forum indlæg :

PHP/Opencart import module

Opencart/php import modul hjælp

Lækkert kontor / kontorfællesskab i Helsingør

Opdatering af PHP

Vurdering af hjemmeside

Nyeste forum svar :

Joomla som CMS

Android programmering

Grafik problemer

Prissammenligningsside

Jeg yder fremover ikke support!

 

MEDLEM

LOGIN ER IKKE MULIGT, MENS VI LAVER NYT SITE
 

NYHEDSBREV

Nyhedsbrev

Tilmeld dig vores nyhedsbrev og modtag nyheder om nye scripts og tips samt om mange andre nye tiltag på Phpuniverset.dk


 

© Copyright 2000 Propelcom Phpuniverset's politik om personlige oplysninger, artikler & Koder Phpuniverset er optimeret til Mozilla 1024 * 768 Phpuniverset version: 3.0 beta
Webhost : Ignesco.dk - android talk & help

Bund