Library for streaming output from php to javascript via ajax in realtime.
Contains two parts of interaction
Output form the php files that to be streamed over to should be passed through the PJStreamer class.
- Include the php class : pjstreamer.php
- Initiate the stream by calling PJStreamer::start() method
- Send output over the stream using PJStreamer::send($output)
<?php
include './pjstreamer.php';
PJStreamer::startStream();
for($i=1;$i<5;$i++){
PJStreamer::sendStream($i);
sleep(1);
}
?>What happens?
Above library just do realtime php output, that's it flushes the existing buffer so any output from the php script will immediately be displayed
Output form the streaming php script is captured by an XMLHTTPObject and is processed by the JS class.
- Attach pjstreamer.js
- Make a new XMLHttpObject with the GET/POST parameters as for your requirement
- Initiate a new PJStreamer class with your XMLHTTPObject and a callback function as parameters
- Start the process by calling PJSreamer.start() method
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>PJStreamer demo</title>
<script type="text/javascript" src="pjstreamer.js"></script>
<script>
window.onload = function(){
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET","stream.php",true);
new PJStreamer(xmlhttp,function(data){
alert(data);
}).start();
}
</script>
</head>
<body>
</body>
</html>What happends?
Above library can remove the unwanted browser tweaks sending from the PJStreamer php script, and deliver ONLY the new data.
NOTE: Jqyery AJAX wont work since their callback is made only after status=200 is received. But for streaming you need to check for response in all.
Aobe code togather will result in a 4 textbox displaying 1-4, each displayed with an interval of 1 second
Feel free to contact me on
@email : [email protected]
@twitter : @_manzzup_
@blog : http://manzzup.blogspot.com
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent