CFF Coding Source - AJAX submit form without Refreshing the page

HTML

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ajax form submit without reloading page</title>
<body>
<h1>Submit form using Ajax</h1>
<form id="myForm">
	<div>
	<label id="One">Name</label>
	<input type="text" id="theEditor" name="theEditor" value="Dvořák Hall">
	</div>
	<label id="Two">Submit Form</label>
<input type="submit" name="Submit" tabindex="3" style="width:150px;" value="Code" id="Update" onClick="document.getElementById('SubmitForm').value='Code';" />
<input type="hidden" id="SubmitForm" name="SubmitForm" value="" />
</form>
<div class="postData"></div>
</body>
</html>
<script src="https://www.cffcs.com/Assets/jquery-3.6.0.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('form').submit(function(e){
        e.preventDefault();
        $.ajax({
            url: "https://www.cffcs.com/Lessons/12/2.asp",
            type: "POST",
            data: $(this).serialize(),
            success: function(data){
                $(".postData").html(data);
            },
            error: function(){
                $(".postData").html("Form submission failed!");
            }
        });
    });
});
</script>

CSS

Classic ASP

<%
' Make sure to have this at the top of all your processing pages, as this will help with Accent Characters.
Response.ContentType = "text/html"
Response.AddHeader "Content-Type", "text/html;charset=UTF-8"
Response.CodePage = 65001
Response.CharSet = "UTF-8"

' First we get the hidden form field and check its value
gettheSub = Request.Form("SubmitForm")
' If its value is correct, we can then process the page.
if gettheSub="Code" then
strGet = request.Form("theEditor")
response.Write strGet
end if
%>

Preview

About Company

Top Viewed Articles