php - Ajax refresh - Udvikleren.dk - Programmering, webdesign og grafik

Tags: ajax php

Bruger #17475 @ 25.02.13 13:22

Hej,

Kan man lave en refresh med ajax i kun <div id="??"></div>
Hvor den ikke peger på et link, fil.php eller lign.
Men blot reflesher <div id="??">indholdet</div>

hvis ja, hvordan eks, eller link?.

8 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 5 karma

Sorter efter stemmer Sorter efter dato

Bruger #16075 @ 25.02.13 13:31

1.223

det kan du godt.
kig på innnerHTML
så inde fra dit AJAX script ligger du resultatet ind i din div med innerHTML
http://www.tizag.com/javascriptT/javascript-innerHTML.php
http://www.tizag.com/ajaxTutorial/ajax-javascript.php

Bruger #17475 @ 25.02.13 13:37

Undskyld jeg lige spørger.

Men hvis man forsøger at lave en chat.
Hvordan får jeg så den til at hente nye beskeder i chatten. Er det reflesgh eller reload med ajax?.

For nu bruger jeg:

<script>
var refreshId = setInterval(function()
{
$('#responsecontainer').fadeOut("slow").load('/E-Brugere/Chat/index#<?php echo "".$_SESSION['rumID'].""; ?>').fadeIn("slow");
}, 5000);
</script>

Og der blinker beskederne bare hvert. 5 sekund. Den henter ikke nye. Kun hvis jeg reloader siden.

Bruger #16075 @ 25.02.13 13:55

1.223

innerHTML er det der hedder html i jquery

med JS

Kode

document.getElementById('my_div').innerHTML = 'Fred Flinstone';

med jquery

Kode

$("#my_div").html("Fred Flinstone");

så "Fred Flinstone" skal bare udskiftes med indholdet fra din load data

Bruger #17475 @ 25.02.13 13:58

Hej Ronny,

vil andre chattere så få vist nye beskeder uden at reloade?. Det er det jeg søger nemlig.

Ved ikke om jeg forstod din besked korrekt nemlig.

<script type="text/javascript">
function changeText(){
$("#responsecontainer").html("/E-Brugere/Chat/index.php#<?php echo "".$_SESSION['rumID'].""; ?>");
}
</script>

Men der sker intet.

Indlæg senest redigeret d. 25.02.2013 14:03 af Bruger #17475

Bruger #16075 @ 25.02.13 15:19

1.223

du skal også loade data.
ved det du nu har lavet skriver den bare en fast besked i div'en

fra http://api.jquery.com/load/

Kode

<script>
$("#success").load("/not-here.php", function(response, status, xhr) {
	if (status == "error") {
		var msg = "Sorry but there was an error: ";
		$("#error").html(msg + xhr.status + " " + xhr.statusText);
	}
});
</script>

prøv noget i denne stil

Kode

<script type="text/javascript">
function changeText(){
$("#success").load("/E-Brugere/Chat/index.php#<?php echo "".$_SESSION['rumID'].""; ?>", function(response, status, xhr) {
	if (status == "error") {
		var msg = "Sorry but there was an error: ";
		$("#error").html(msg + xhr.status + " " + xhr.statusText);
	}
	else{
		$("#responsecontainer").html(response);
	}
});

}
</script>

Bruger #17475 @ 25.02.13 15:31

Kan se der er #success

PHP kode

 $("#success").load("/E-Brugere/Chat/index.php#<?php echo "".$_SESSION['rumID'].""; ?>", function(response, status, xhr) {

skal den ind nogen steder ?.

For med den du har skrevet "prøv noget i denne stil".
Der sker nemlig heller ingen ting.

PHP kode

 <head>
 <script type="text/javascript">
 function changeText(){
 $("#success").load("/E-Brugere/Chat/index.php#<?php echo "".$_SESSION['rumID'].""; ?>", function(response, status, xhr) {
     if (status == "error") {
         var msg = "Sorry but there was an error: ";
         $("#error").html(msg + xhr.status + " " + xhr.statusText);
     }
     else{
         $("#responsecontainer").html(response);
     }
 });
 
 }
 </script>
 </head>
  <div id="responsecontainer">
   indholdet her...
  </div>

Noget jeg gør forkert?

Brugte noget som dette tidligere i en gammel free chat fra noget ak-chat version 1.0
Men nu sker der intet når jeg bruger den.

<script>
$(document).ready( function(){
//alert("jQuery er aktivt!");
var refreshId = setInterval(function()
{
$.get("/E-Brugere/Chat/index.php#<?php echo "".$_SESSION['rumID'].""; ?>",
{foo:"bar"},
function(returned_data)
{
//alert(returned_data);
$("#responsecontainer").html(returned_data);
});
}, 2000);
});
</script>

Der sker bare intet. den skal jo refreshe for alle der er i chatrummet. Men gerne via ajax. Så hele siden ikke loader eks sådan her:

<script type="text/javascript">
function opdater(){
parent.document.getElementById('responsecontainer');
setTimeout('location.reload(true)',5000);
}
</script>
<body onload="opdater()">

Da hele vinduet arbejder. Skal helst ske ubemærket.

Indlæg senest redigeret d. 25.02.2013 15:37 af Bruger #17475

Bruger #16075 @ 25.02.13 15:40

1.223

>Kan se der er #success
ja det er en fejl det skal være #responsecontainer

jeg skal vist bruge noget test data
og kigge nærmere på den opdataring du lige har lavet

Bruger #17475 @ 25.02.13 15:43

Har ryddet op i filen. Så håber i bedre kan hjælpe med at få det til at fungere med en reflesh.

--
SÅDAN ser filen ud nu i E-Brugere/Chat/index.php

PHP kode

 <?php
     if(isset($_SESSION['thebook']) && $_SESSION['thebook'] == "ja"):
     include("config.php");
     echo ("
            <div id='tab-container' class='tab-container'>
            <ul class='etabs'>
         ");
     $hentt = mysql_query("SELECT * FROM `a_chatrum` order by `rumID` ASC");
     while($vist = mysql_fetch_array($hentt)) {
     echo ("<li class='tab'><a href='#". $vist['rumID'] ."'>". $vist['rumnavn'] ."</a></li>");
     }
      echo ("</ul>
             <div id='chat'>
             <div class='panel-container'>
         ");
     $poo = mysql_query("SELECT * FROM `a_chatrum`");
     $vp = mysql_fetch_array($poo);
     $_SESSION['rumID'] = "". $vp['rumID'] ."";
     $afsender = htmlspecialchars($_SESSION['brugernavn']);
     $besked = htmlspecialchars($_POST['besked']);
     $rum = htmlspecialchars($_POST['rum']);
     if(isset($_POST['msg']))
     {
       if($afsender == ""){
       $error .="<script language=\"javascript\" type=\"text/javascript\">
                 alert('Der opstod et problem med at finde ud af hvem du er. Derfor bedes du logge ind på ny.');
                 </script>
                 ";
       }
       if($besked == ""){
       $error .="<script language=\"javascript\" type=\"text/javascript\">
                 alert('Du skal skrive noget først ...');
                 </script>
                 ";
       }
       if(strlen($besked) > 500){
       $error .="<script language=\"javascript\" type=\"text/javascript\">
                 alert('Du har angivet for mange tegn.');
                 </script>
                 ";
       }
     if($error){
     echo $error;
       }
       else 
       {
     mysql_query("INSERT INTO `a_chatmsg` (afsender, besked, rum, time) VALUES ('". $afsender ."','". $besked ."','". $rum ."', NOW())");
     }
    }
     $sql = mysql_query("SELECT * FROM `a_chatrum`");
     while($visrum = mysql_fetch_array($sql)) {
     
     echo ("<div id='". $visrum['rumID'] ."'>");
 
     $_SESSION['rumID'] = "". $visrum['rumID'] ."";
     echo "RUM ID MED SESSION SOM ER I AJAX: ".$_SESSION['rumID']."";
     ?>
 
     <!-- ajax er pt slået fra. Den loader forkert.
      <script>
     $(document).ready( function(){
     //alert("jQuery er aktivt!");
     var refreshId = setInterval(function()
     {
     $.get("E-Brugere/Chat/index.php?rum=<? echo "". $visrum['rumID'] .""; ?>",
     function(returned_data)
     {
     //alert(returned_data);
     $("#misset").html(returned_data);
     });
     }, 2000);
     });
     </script>
     -->
 
     <div id="formen">
     <form action="" method="POST">
     <input type="text" name="besked" style="width:500px;" AUTOCOMPLETE="Off">
     <input type="submit" name="msg" onclick='changeText()' id="loginfelt_login" value="Send">
     <input type="hidden" name="rum" value="<? echo "". $_SESSION['rumID'] .""; ?>" AUTOCOMPLETE="Off">
     </form>
     </div>
     <?php
     echo ("<h2>". $visrum['rumnavn'] ."</h2>");
     // Tjekker datatimestamp
     $bru = mysql_query("SELECT * FROM `brugere` WHERE `brugernavn` = '".$_SESSION['brugernavn']."'");
     $vu = mysql_fetch_array($bru);
     $ptime = $vu['logtime'];
     $plast = $vu['last'];
     // End tjek datatimestamp
     echo ("<div class=\"chat_messages\">");
     echo ("<div id=\"misset\">");
     // Henter beskeder til det rumID man er i, udfra select
     $msg = mysql_query("SELECT afsender, besked, DATE_FORMAT(time, '%H:%i') AS tid FROM `a_chatmsg` WHERE time > '$ptime' AND `rum` = '". $visrum['rumID'] ."' order by msgID desc");
     if ( ! mysql_num_rows ( $msg ) ) { echo ("Velkommen i chatten."); }
     while($vismsg = mysql_fetch_array($msg)) {
     echo ("<b>". $vismsg['afsender'] ." skriver:</b> ". $vismsg['besked'] ."<br />");
     }
     echo ("</div>");
     echo ("</div>");
     // 
     echo ("</div>"); 
     }
     echo ("
           </div></div>
         ");
     
     endif;
 ?>

Nogen der kan sige hvordan jeg får ajax refresh ind i det, så chat-besker auto vises for chattere, uden de skal reloade siden.

Indlæg senest redigeret d. 25.02.2013 20:55 af Bruger #17475

Ajax refresh

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler