einfach mit HTML HTTP-Anforderung senden Senden-Schaltfläche

Question

Ich habe hinzugefügt, ein Submit-Button auf die index.html Seite, die auf meiner Server-Seite befindet

<form method="get" action="/start"> 
    <h5>Start Ad-Placer!</h5> 
    <input type="submit" value="Start"> 
</form> 

Ich brauche den Knopf einfach senden http Anfrage an http://127.0.0.1:8484/get/start zu einem Prozess zu starten . Wenn der Vorgang nach einigen Sekunden abgeschlossen ist, muss ich einfach eine Warnmeldung mit der Antwortnachricht anzeigen und bestätigen, dass sie erledigt ist.

Wie kann ich das mit minimalem Aufwand (ohne JQuery oder andere Bibliotheken) tun.

Answer 1

Wenn Sie so etwas versuchen, können Sie eine HTTP-Anfrage senden und dann eine Antwort alarmieren. Ändern Sie einfach https://google.com in Ihre URL.

<h5>Start Ad-Placer!</h5> 
<input type="submit" value="Start" onclick="submit()"> 

<script type="text/javascript"> 
    function submit() { 
     var xhr = new XMLHttpRequest(); 
     xhr.onreadystatechange = function() { 
      if (xhr.readyState === 4) { 
       alert(xhr.response); 
      } 
     } 
     xhr.open('get', 'https://google.com', true); 
     xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8'); 
     xhr.send(); 
    } 

</script>