Ein einfacher Ajax-Request

Ajax Requests allgemein und in Verbindung mit PHP

Ein einfacher Ajax-Request

Beitragvon peter » Dienstag 27. Dezember 2011, 18:29

Der Ajax-Request mit jQuery
Code: Alles auswählen
jQuery.ajax({
         url:"response.php"
         ,type:"POST"
         ,data: "w1=Wert 1&w2=Wert 2"
         ,dataType: "json"
         ,success:function(xhr){
            var wert1=xhr[0];
            var wert2=xhr[1];
               jQuery("#w1","#pr_ausgabe").html(wert1);   
               jQuery("#w2","#pr_ausgabe").html(wert2);
         }
      })      


Die Zeilen für die aufgerufene Datei response.php
Code: Alles auswählen
<?php
   $wert1 = $_POST['w1'];
   $wert2 = $_POST['w2'];
   
   $arr = Array($wert1,$wert2);
   $ret = json_encode($arr);
   
   echo $ret;
?>


Die div-Tags zur Darstellung der Response
Code: Alles auswählen
<div id='pr_ausgabe'>
   <p>R&uuml;ckgabe Wert 1:&nbsp;<span id='w1'></span></p>
   <p>R&uuml;ckgabe Wert 2:&nbsp;<span id='w2'></span></p>   
</div>



Rückgabe Wert 1: 

Rückgabe Wert 2: 

Benutzeravatar
peter
Site Admin
 
Beiträge: 23
Registriert: Dienstag 27. Dezember 2011, 17:42
 

Zurück zu Ajax Requests mit jQuery

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 0 Gäste

cron