August 16th, 2012, 09:00 PM
Continuously Updating a webpage
I have a web page and a server that uses CGI scripts written in python. When I button is hit on the page the CGI scripts runs and sends commands through the serial port to one of my microcontrollers. This works ok to just send a button, string, or receive a response to that button press.
But I want to be able to continuously update the webpage with the status of my MCU (microcontroller). Like if a switch is pressed or the temperature goes up in my circuit. O a continuous update of a motors speed.
I tried the html code:
<meta http-equiv="refresh" content=".05">
But it is terrible for high speed (.05 sec). I cant even push a button it is refreshing so fast.
I have read about socket programming in python to keep the connection from the client and server going to seamlessly update content. I need to update the content that is generated by my servers COM port.
What can I use to do this? Is there good examples that you know of?
August 16th, 2012, 10:16 PM
I'd suggest using AJAX to do this. Set up your page to display some details and use an AJAX function to get the data from your server on a set interval. For something like this, you can always set your function up to call itself on success so basically a never-ending loop of fetching new results. It will also save a lot of bandwidth as you'd only need to send back some basic JSON data, and not the entire pages HTML code.