nodeMCU and ajax instead of refresh one element repeats whole web-page
I need help with reloading two elements at my webpage. I have small electronics and its brain is NodeMCU. I need there two outputs (which are connected to relays) and two inputs.
With inputs I want update periodically (without manual reloading webpage) two elements of page according two digital inputs. For that I use ajax. I have found some hints: http://www.martyncurrey.com/esp8266-and-the-arduino-ide-part-8-auto-update-webpage/
Almost everything works perfect (outputs and inputs). Only one problem is that after time out is whole web page repeated and is in web-browser shown twice.
Sorry for adding my code as image (bellow). But when I insert here as a text - may parts of code is recognized as html tag and is not shown. I have placed this code to my webpages: http://fiksoftware.4fan.cz/bojler.ino
Please could anybody give me any advice what is wrong in my code (bellow).
Thanks a lot to all.
my code:
I have found solution. My friend helps me!
problem was in that I have sent whole page after request of data.
So I have at the begining of creating web page added if which decide if I need data or whole page:
- Converting enums to array of values (Putting all JSON values in an array)
- Calculate the date yesterday in JavaScript
- Embedding youtube video "Refused to display document because display forbidden by X-Frame-Options"
- ExpressJs in undefined value get (to show [object])
- Ag-grid cell editors with dynamic Parameters: use global variable
- How to pass state.params in react-native
- I want to get option selected with js?
- body data not sent in axios request
- How to track onchange as-you-type in input type="text"?
- This weird piece of code I always see in Javascript
- Generate random string/characters in JavaScript
- Why does `+ ! {} [true]` evaluate to 1?
- Electron - Is there a way to run code after throwing an error?
- Why does a function declared inside a conditionally-executed block appear to exist before the block is entered?
- how many times a value is repeated in an array of objects
- Why does naming a function expression not make the name accessible within the scope, but still possible to delete?
- The assigned innerHTML results in a different structure
- Which is preferred: inline function expressions or stand-alone function declarations?
- How to pass inline style with props in react js?
- Add tab with active and ng-repeat in uib-tab
- Detect backspace and del on "input" event?
- Detecting arrow key presses in JavaScript
- How can I add an event for a one time click to a function?
- Applying InputAdornment to MUI AutoComplete removes the options list
- How to have a pop-up for a download on my navbar?
- How to fix dark mode background color flicker in NextJS?
- Why would a JavaScript function check if `this` is `instanceof` that same function?
- Why my function in Javascript is not working?
- Not able to change the title with metadata when using 'use client' in Next.js
- Extract hostname name from string