Search
 
SCRIPT & CODE EXAMPLE
 

HTML

db sheets

<form method="post" id="sheetdb-form"
  action="https://sheetdb.io/api/v1/58f61be4dda40">
    ID: <input name="data[id]">
    Name: <input name="data[name]">
    Age: <input name="data[age]">
    <button type="submit">Submit</button>
</form>

<script>
  var form = document.getElementById('sheetdb-form');
  form.addEventListener("submit", e => {
    e.preventDefault();
    fetch(form.action, {
        method : "POST",
        body: new FormData(document.getElementById("sheetdb-form")),
    }).then(
        response => response.json()
    ).then((html) => {
      // you can put any JS code here
      alert('success')
    });
  });
</script>
Comment

PREVIOUS NEXT
Code Example
Html :: how to add horizontal line in html without css 
Html :: how to set image in input type=file by jquery 
Html :: i = ["hi", "he", 
Html :: liveweaver 
Html :: html non importa immagini in webpack 
Html :: making index in html 
Html :: prop sent via link has no spaces vuejs 
Html :: nonce in script tag 
Html :: Aria hr role 
Html :: A4E65CBE3A6138978B9A802656F13AED.uat01-vm-tx01 
Html :: wordpress customizer sections default 
Html :: alpine extract data to script tag 
Html :: embed live crypto transactions map across multiple wallets and exchanges 
Html :: how to deserialize if response is html 
Html :: grandezza di una tabella html 
Html :: how to create game in html 
Html :: html5 development 
Html :: months in german 
Html :: Auto Update Form 
Html :: zoneofdevelopment 
Html :: html page in wordpress 
Html :: app script send data back to html 
Html :: the row #3 could not be found, please file an issue in the tracker with the html code 
Html :: ionic ngfor show limited number of items 
Html :: bootsrap loader 
Html :: Google go to sprint in Encino 
Html :: Google Books Embedded Viewer API Example 
Html :: href in spring mvc 
Html :: Html Count div tags any website 
Html :: razor view comment out line 
ADD CONTENT
Topic
Content
Source link
Name
8+1 =