I apologize that I was not clear enough @v-alzhan-msft. I want to use something; literally anything, to pass information imputted into an HTML form created by the HTML <form> tag to my Flow. I have read that using something like AJAX might work. Is this true? HTML form data usually POSTs data to a php file, but I would like to bypass this and get the form data into a format that Flow could use. Is it possible to use AJAX to post the data to Flow or does there have to be an inbetween step such as an API, SQL database, XML file? I want to be able to make this completly autonomous, and very very fast, so anytime that someone submits the form it instantly sends info to the Flow. I am adding a copy of my HTML form code as well as the AJAX and JS info. Please ask if you need more info. Any help is appriciated. Thank you.
<div class="wow fadeInUp" data-wow-delay="0.2s" style="text-align: center;">
<input class="wow fadeInUp" data-wow-delay="0.2s" id="button" type="button" value="Check In!" onclick="getLocation()" style="font-size : 30px; color:blue;">
</div>
<h4 id="loc" style="text-align:center;"></h4><br>
<h4 id="word" style="text-align:center;"></h4><br>
<div class="wow fadeInUp" data-wow-delay="0.2s" style="text-align:center;">
<form id="yummyfood" style="display:none;" action="javascript:void(0);" name="CheckIn" method="post">
<p><label for="name">First Last Name. (Use same name every time or you won't get your points.)</label>
<input type="text" name="name" id="name"></p>
<p><label for="email">School Email Address</label>
<input type="text" name="email" id="email"></p>
<p><label for="grade">What Grade are you in?</label>
<input type="text" name="grade" id="grade"></p>
<p><label for="game">Which game are you at?</label>
<input type="text" name="game" id="game"></p>
</form>
<button value="Submit" type="button" onclick="formdone()">
</div>
<!--FormScript-->
<script>
function submit(){
console.log("i win")
}
function submitform() {
console.log("one")
var form = document.getElementById("yummyfood")
var formData = JSON.stringify($("#myForm").serializeArray());
$.ajax({
type: "POST",
url: "https://api.azure.---------------------------------------uN2k",
data: formData,
success: function(formdone){},
dataType: "json",
contentType : "application/json"
console.log(formData)
});
}
function formdone() {
yummyfood.style.display = 'none'
}
</script>
