Asynchrounous reload/refresh in plain JS

[zinahe]

Hi thanks for the wonderful control. I'm using it as follows:

	<div id="rightbar">
		<andypf-json-viewer 
			id="json-viewer"
			indent="3"			
			expanded="2"
			data="http://apiserver:8080/iot?method=method">
		</andypf-json-viewer>
	</div>

But I would like to trigger refresh/reload of data asynchronously when a certain user event occurs. How can I use plain JS to do that ?

Thanks

[andypf]

Hi @zinahe

I'm not sure what exactly you want' to achieve. Did you try something like that?

<script>
function updateJsonData(method) {
  const jsonViewer = document.getElementById('json-viewer');
  const newUrl = `http://apiserver:8080/iot?method=${method}`;
  jsonViewer.setAttribute('data', newUrl);
}
</script>