Refresh di una chat su database

[Alhazred]

La chiamata AJAX deve inviare i dati allo script php, lo script li legge come farebbe ricevendo i dati POST di un qualsiasi form.
Una vota elaborati i dati, lo script PHP deve finire con un echo in cui metti i dati che deve intercettare la chiamata AJAX, se la risposta non deve essere una semplice stringa, ma un array o altro tipo di dato complesso, formattalo in formato JSON e fa l'echo della stringa ottenuta.

Nel tuo codice dici alla chiamata AJAX cosa fare in caso di errore, ma non gli dici cosa fare se invece le cose vanno bene, quindi non fa niente.
Devi mettere

success: function(data) {
    // data conterrà la stringa stampata da PHP
    // con i dati contenuti in questa stringa... facci qualcosa
}

[ciro78]

In che senso scritto da php? Il Js lo racchiudo sempre tra tag script

nel senso che se hai scritto

echo "
window.onload=function(){"; 

se invece tieni quel codice in una pagina php

allora devi fare

data: {'lastid':<?php echo $lastid ?>},

[Ciakko]

@Alhazred: Quindi se ho capito bene la pagina viene "presa in consegna" da Ajax e quindi si aspetta un risultato dall'elaborazione del codice. Non basta semplicemente far avviare quella pagina.

@ciro78: Ok, chiaro.

Grazie ad entrambi

[lucavizzi]

Da qualche tempo è possibile usare i websocket (una connessione bidirezionale client/server) invece del polling (chiamate Ajax cicliche).

[Ciakko]

Nulla, non ci riesco. Nella pagina php ho messo solo echo 'ricarica' e in ajax gli ho detto che se data NON è uguale a ricarica deve fare il refresh. Aiuto per favore...

<script type="text/javascript">
$(document).ready(function(){
    setInterval(function(){
    $.ajax({
    type: "POST",
    url: "chat_refresh.php",
    data: {'lastid':<?php echo $lastid ;?>},
    dataType: "html",
    success: function(data){
    if (data != ricarica) {document.location.reload(true);}
    },
    error: function(){alert("Chiamata fallita!!!");}
    });
    },3000);
    });
</script>

include '../db/connessione.php';
    
    /*$lastid=$_POST['lastid'];
    $sql="SELECT id FROM `chat_home` order by id desc limit 1";
    $dati=mysql_query($sql);
    $riga=mysql_fetch_assoc($dati);
    $id_trovato=$riga['id'];
    if ($id_trovato > $lastid) {
    echo 'ricarica';
    } */
    echo 'ricarica'; 

[ciro78]

Nulla, non ci riesco. Nella pagina php ho messo solo echo 'ricarica' e in ajax gli ho detto che se data NON è uguale a ricarica deve fare il refresh. Aiuto per favore...

<script type="text/javascript">
$(document).ready(function(){
    setInterval(function(){
    $.ajax({
    type: "POST",
    url: "chat_refresh.php",
    data: {'lastid':<?php echo $lastid ;?>},
    dataType: "html",
    success: function(data){
    if (data != ricarica) {document.location.reload(true);}
    },
    error: function(){alert("Chiamata fallita!!!");}
    });
    },3000);
    });
</script>

include '../db/connessione.php';
    
    /*$lastid=$_POST['lastid'];
    $sql="SELECT id FROM `chat_home` order by id desc limit 1";
    $dati=mysql_query($sql);
    $riga=mysql_fetch_assoc($dati);
    $id_trovato=$riga['id'];
    if ($id_trovato > $lastid) {
    echo 'ricarica';
    } */
    echo 'ricarica'; 

aggiungi un die() dopo echo così impedisci il render della pagina html

inoltre deve essere

data != "ricarica"

poiché è presumibile che sia una stringa

[Ciakko]

Sì, gli apici sono una brutta svista ma non riesco ancora ad usare il dato restituito.
Il dato arriva correttamente, l'ho verificato con

success: function(data){
 alert(data);
},

Tentatitvi fatti:

<script type="text/javascript">
$(document).ready(function(){
    setInterval(function(){
    $.ajax({
    type: "POST",
    url: "chat/chat_refresh.php",
    data: {'lastid':'1'},
    dataType: "html",
    success: function(data) {
    if (data != "ricarica") {
    function(){alert("Pagina ricaricata");}
    },
    error: function(){alert("Chiamata fallita!!!");}
    });
    },3000);
    });
</script>

echo 'prova';
die(); 

Ho provato anche con:

$(document).ready(function(){
    setInterval(function(){
        
    $.ajax({
    type: "POST",
    url: "chat/chat_refresh.php",
    data: {'lastid':'1'},
    dataType: "html",
    success: function(data){
    var mydata = data;
    },
    error: function(){alert("Chiamata fallita!!!");}
    });
    
    if(mydata != "ricarica"){
    function(){alert("Pagina ricaricata");}
    }
    
    },3000);
    });

e con

$(document).ready(function(){
    setInterval(function(){
        
    $.ajax({
    type: "POST",
    url: "chat/chat_refresh.php",
    data: {'lastid':'1'},
    dataType: "html",
    success: function(data){
    handleData(data);
    },
    error: function(){alert("Chiamata fallita!!!");}
    });
    
    testAjax(function(output){
    function(){alert("Pagina ricaricata");}
    });
    
    },3000);
    });

[ciro78]

posta link alla pagina e sopratutto dicci che errore noti

[Ciakko]

Ho letto diversi topic a riguardo, alla fine sono arrivato a questa soluzione:

$(document).ready(function(){
 setInterval(function(){
  
 $.ajax({
 type: "POST",
 url: "../chat/chat_refresh.php",
 data: {'lastid': '<?php echo $lastid ;?>'},
 dataType: "html",
 success: function(data){
 mydata(data);
    return data;
 },
 error: function(){alert("Chiamata fallita!!!");}
 });
 function mydata(data){
 alert(data);
 }
 },3000);
 });

Senza il comando return data non va.
Ora ho il problema che non mi invia la variabile lastid, infatti se in php faccio un echo di lastid di ritorno ho un campo vuoto. Lo script è a fondo pagina.

Ho un'ultima domanda, sempre legata al topic.
Uso questo comando per fare il refresh di una porzione di pagina, vorrei però che facesse il refresh senza la cache, è possibile farlo dal comando?

$("#input").load(location.href+" #input>*","");