jQuery .post（）刷新页面PHP变量，而在Cake PHP中没有泛白

Question

I got a problem and I´m about to hurt the MVC-paradigm, so I rather ask you what to do. I got a page which is refreshed every 10 seconds with jQuery .post()-method.

setInterval(function() {
    $.post("http://XYZ.de<?php echo $this->webroot."Posts/index"; ?>", { liveUpdate: "true" },
        function(response) {
            $('#loadingContent').html(response);
        }
    );
}, 10000);

now, where the "Posts/index" is placed I have to call the PostsController.php of Cake which allows me to reset the variables.

But it doesn´t work that way and the response is filled with all the html of a normal page-call but I only want to have the pure PHP-variables updated without html appended to that div.

What am I doing wrong? Thanks in advance for your patience.

Answer 1

Since your array is complex multilevel and you do not want to parse JSON, the only way I see doing it would be using jQuery load().

setInterval(function() {
  jQuery("#RefreshMeOnPage")
    .load("http://XYZ.de<?php echo $this->webroot."Posts/index"; ?> #RefreshMeInResults > *", {liveUpdate: "true"});
  }, 10000);

It will make post request to server and replace contents of existing element with id RefreshMeOnPage with the contents of newly received element with id RefreshMeInResults . Docs http://api.jquery.com/load/ .

NOTE: Still with refresh rate of 10 seconds, I think you should look into ajax comet solution http://cometdaily.com/maturity.html . It will receive data only when there is change, although it requires some configuration.