google_script_form_ajax.js

var $form = $('form#test-form'),
    url = 'https://script.google.com/macros/s/abcdefghijklmnopqrstuvwxyz1234567890/exec'

$('#submit-form').on('click', function(e) {
  e.preventDefault();
  var jqxhr = $.ajax({
    url: url,
    method: "GET",
    dataType: "json",
    data: $form.serializeObject()
  }).success(
    // do something
  );
})

Pardon my ignorance. I am code newbie and this might be a very basic question. So I should create a *.js file with this code right? and after that, How do I link this js file to my html form file?

Hey @oscarlaf03,

You have to create a separated file (nameyouwant.js) and then connect it to your webpage : <script type="text/javascript" src="nameyouwant.js"/>

I have a quick fix @davidmccoy & @oscarlaf03 what do you think?
https://github.com/shaharyogev/post-google-sheets-form/blob/master/index.html

i used below complete method and used html in notepad section but its not working ???
https://medium.com/@dmccoy/how-to-submit-an-html-form-to-google-sheets-without-google-forms-b833952cc175