Http Get method in a Template node?

[SuperNinja]

Hi guys,

I would like to create a button in a Template Node which sends a GET method (to turn the camera to a predefined position).
For the curious it looks like that

Here is the html code for the N°2 button :

<button width="10px" eight="10px" type="button"
 onclick="http://user:pass@192.168.1.8/web/cgi-bin/hi3510/param.cgi?cmd=preset&-act=goto&-status=1&-number=2"
>2</button>

Note: the http link works well with a Dashboard : Button + an http Request node set to GET method

Can someone help me find the code so that "onclick" can be a GET method?

Thank you

[SuperNinja]

@BartButenaers purpose me this ajax() method :

      <button id="preset_1" width="10px" eight="10px" type="button">2</button> 
      <script>
         // Add your Javascript here, between the 'script' tags ...
         $(document).ready(function() {
            // As soon as the document is loaded, add a click event handler to your preset button
            $("#preset_1").click(function(e) {
               e.preventDefault();
$.ajax({type: "GET", url: "http://user:pass@192.168.1.8/web/cgi-bin/hi3510/param.cgi?cmd=preset&-act=goto&-status=1&-number=2",
            });
         });
      });
      </script>

But Chrome don't give up for security reasons :

@BartButenaers

In that case you browse to your dashboard, and the javascript inside the dashboard will try to access your ip camera. Something like this:

This might be a security issue, since the page you are visiting (in this case the dashboard) is sending you - behind your back without you knowing it - to another site, which you perhaps don't want... Modern browsers (especially Chrome) won't allow this: so it will give a CORS (= Cross-Origin Resource Sharing) exception. Summarized: you won't be able to access your camera from the dashboard.

Some workarounds:

• I think it is solved when you camera sends an "Access-control-allow-origin" http header, but don't think you can easily do that.
• To workaround these CORS problems, I have developed some time ago the node-red-contrib-http-proxy node: then you can send also your camera requests to your node-red flow, which will redirect the request to your camera. Only disadvantage I see is that your Raspberry will have to pass all the data...

When I have more time and experience, as proposed @andrei I could study the Fetch API

@Andrei

SitePoint – 19 Apr 18

Introduction to the Fetch API — SitePoint

Ludovico Fischer introduces you to the Fetch API, a new standard that aims to unify fetching across the web and to replace XMLHttpRequest.
Learn Fetch API In 6 Minutes

But meanwhile, the only thing that I found that works but is not at all sexy, is the use of the <form> tag with which I can access my request, without security alert:

<form action = "http://user:pass@192.168.1.8/web/cgi-bin/hi3510/param.cgi?" target = "_ blanc" method = "GET">
            <input type = "text" name = "cmd" value = "preset">
            <input type = "text" name = "- act" value = "goto">
            <input type = "text" name = "- status" value = "1">
            <input type = "text" name = "- number" value = "1">
            <input type = "submit" value = "Go!">
</form>

...but open a new [succeed] tab

Question : is it possible to format this last code so that only one or more buttons are displayed, AND not to open a new tab [succeed]?