Avatar billede htx98i17 Professor
06. juli 2017 - 15:54 Der er 1 kommentar og
1 løsning

Udskriv javascript

Jeg er ny i ajax og vil gerne have PHP-dokumenter der laves et httprequest til til at returnere javascript som indsætter værdier i formfelter.

Kan nogen hjælpe med en løsning?

Kode-eksempel:

<html>
<head>
  <script>
  var xhttp = new XMLHttpRequest();
       
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
         
          this.responseText = /*her skal phpdokument.php returnere med 3 værdier til 3 form-felter. Hvordan gøres dette? */
   
    }
  };
 
  xhttp.open("GET", "phpdokument.php", true);
  xhttp.send();
  </script>
</head>

<body>

<input type="text" id="form1">
<input type="text" id="form2">
<input type="text" id="form3">

</body>
</html>
Avatar billede olsensweb.dk Ekspert
06. juli 2017 - 16:40 #1
normalt retunere man bare en json incodet string.
men man kan gøre det så simpelt at bare retunerer (echo) en text, eller eller en seperaret (her komma) text hvis det er flere værdier
man kan godt retunerer (echo) html men det er en uskik, og der er ikke grund ti lat lade serveren bruge tid på at formaterer


html fil
<!DOCTYPE html>
<html lang="da">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
<title>demo</title>


<script type="text/javascript">
var xhttp = new XMLHttpRequest();
       
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
          ar = this.responseText.split(",") ;
            document.getElementById("form1").value = ar[0];
            document.getElementById("form2").value = ar[1];
            document.getElementById("form3").value = ar[2];

            //console.log(ar); // test
    }
  };
 
  xhttp.open("GET", "phpdokument.php", true);
  xhttp.send();
 
</script>
</head>
<body>

<input type="text" id="form1">
<input type="text" id="form2">
<input type="text" id="form3">

</body>
</html>


phpdokument.php (simplificeret)
<?php
echo "øl,er,gud";   




de fleste anvender jquery ifm ajax, da det er nemmere
https://api.jquery.com/jquery.get/
https://api.jquery.com/jquery.post/
personligt bruger jeg
http://api.jquery.com/jquery.ajax/


serverside spiller en ret lille rolle i ajax.
i ajax er ca 75% js, og 25% serverside
Avatar billede htx98i17 Professor
06. juli 2017 - 17:04 #2
Perfekt, lige hvad jeg skulle bruge.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester