title: Prevent HTML Page Refresh
body: <p>At this stage I'm mostly used to backend Javascript and server side Java, so my HTML is not as savvy as it needs to be. </p>
  
  <p>I've built several applications that require user input with Apps script, but I was using the now deprecated <a href="https://developers.google.com/apps-script/guides/ui-service" rel="nofollow">UI service</a>, as I'm not a designer and this provided an easy way to design simple pages to pass data back and forth. With the UI service having been deprecated for some time, I'm begging the arduous task of migrating these services to the HTML service, and I'm noticing some difference in behavior. </p>
  
  <p>For example, when submitting a form, the entire page refreshes to a blank page, and I can't seem to prevent that. The UI service would remain static for information re-entry, and I can't find a working method to get the HTML service to either stop refreshing or reload the form. </p>
  
  <p>Simple code to reproduce my issue: </p>
  
  <pre><code>function doGet() {
    return HtmlService.createHtmlOutputFromFile('test')
        .setSandboxMode(HtmlService.SandboxMode.IFRAME);
  }
  
  function logValues(value){
    Logger.log('Something worked....');
  }
  </code></pre>
  
  <p>With the index file being: </p>
  
  <pre><code>&lt;form&gt;
  &lt;input type="submit" value="Book Meeting" onclick="google.script.run
          .logValues()"&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>Some things I've tried: </p>
  
  <p>1) Adding a callback to the 'doGet' function, to attempt to get the page to load again. 
  2) Adding a whole new function to try and call a NEW HTML page.</p>
  
  <p>The issue here is my poor understanding of the HTML service, but is there a simple way for me to just clear the form for re-submission, or alternatively just reload the page? None of the other questions I've found on SO adequately answer this question in a way I can understand. </p>