php - Javascript og AJAX - Udvikleren.dk - Programmering, webdesign og grafik

Tags: php

Bruger #11878 @ 17.06.07 16:22

Hej

Jeg har installeret wamp5 med dertil hører.

Skal man installere noget mere eller ændre en
opsætning for at kunne køre med AJAX?

Disse 2 programmer:
ajex-get.html

Kode

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" dir="ltr" lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <script language="JavaScript">
function submitForm() {
  var req = null;

  document.ajax.dyn.value="Startet...";
  if (window.XMLHttpRequest)
    req = new XMLHttpRequest();
  else if (window.ActiveXObject)
         req = new ActiveXObject(Microsoft.XMLHTTP);

  req.onreadystatechange = function() {
    document.ajax.dyn.value="Venter på server...";
    if (req.readyState == 4) {
      if (req.status == 200) {
        document.ajax.dyn.value="Modtaget:" + req.responseText;
      }
      else {
        document.ajax.dyn.value="Fejl: returneret status kode " + req.status + " " + req.statusText;
      }
    }
  };

  req.open("GET", "data.xml", true);
  req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
  req.send(null);
}
  </script>
</head>

<body>
  <form name="ajax" method="POST" action="">
    <p><input type="BUTTON" value="Submit" onclick="submitForm()"></p>
    <p><input type="text" name="dyn" size="32" value=""></p>
</form>
</body>
</html>

og
data.xml

Kode

Hello you!

skriver 'Startet...' når man trykker Submit.

Bruger #11596 @ 17.06.07 17:12

prøv at læse den her tutorial

Bruger #11596 @ 17.06.07 17:18

og så tror jeg du skal lære lidt om xml
her er en tutorial

Bruger #11553 @ 17.06.07 20:55

hmm brug en framework? =)

http://www.prototypejs.org/

Bruger #11878 @ 17.06.07 22:27

Til Nørd:
---------
Jeg har læst nævnte tutorial og prøvet det eksempel
som er beskrevet. Når jeg indtaster noget i navnefeltet
skriver den

'<%response.expires=-1response.write(time)%>

i det andet felt.

Til MulleP:
-----------
Den downloadede js-fil er tilføjet v.h.a.
<script type="text/javascript" source="js-fil"></script>
men det hjalp ikke.

Jeg tror det er en opsætningsfejl.
Jeg bruger programmet WeBuilder 2007 og tester
koder skrevet i PHP før de lægges ud på serveren.

-------------------------------------------------

Programmet virker hvis jeg i Internet Explorer skriver:

http://localhost/AJAX demo/ajax-get.html

Indlæg senest redigeret d. 18.06.2007 11:28 af Bruger #11878

Javascript og AJAX

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler