Skip to content

Instantly share code, notes, and snippets.

@teguhteja

teguhteja/send_email.jsp

Created February 1, 2020 07:29
Show Gist options
  • Save teguhteja/1a1553a8671fc7f7aef104dc64002580 to your computer and use it in GitHub Desktop.
Save teguhteja/1a1553a8671fc7f7aef104dc64002580 to your computer and use it in GitHub Desktop.
Download ZIP
Form Send Email in jsp with AJAX JQuery
Raw
send_email.jsp
<%--
Document : send_email
Created on : Jan 31, 2020, 3:34:58 PM
Author : teguhteja
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Send Email</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" ></script>
</head>
<body>
<table border="0" width="35%" align="center">
<caption><h2>Send Email Form</h2></caption>
<tr>
<td width="20%">Email</td>
<td><input type="text" id="email" size="50"/></td>
</tr>
<tr>
<td>Subject </td>
<td><input type="text" id="subject" size="50"/></td>
</tr>
<tr>
<td>Message </td>
<td><textarea rows="10" cols="39" id="message"></textarea> </td>
</tr>
<tr>
<td colspan="2" align="center"><input type="submit" value="Send" onclick="callJqueryAjax()"/></td>
</tr>
</table>
<table border="0" width="35%" align="center">
<tr>
<td><h4 id="result"></h4>
<script>
function callJqueryAjax() {
var subject = $('#subject').val();
var email = $('#email').val();
var message = $('#message').val();
$.ajax({
url: 'EmailSendingServlet',
method: 'POST',
data: {subject: subject, email: email, message: message},
success: function (resultText) {
$('#result').html(resultText);
},
error: function (jqXHR, exception) {
console.log('Error occured!!');
}
});
}
</script>
</td>
</tr>
</table>
</table>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment