- Mark as New
- Follow
- Mute
- Subscribe to RSS Feed
- Permalink
- Email to a Friend
- Report
Here is the code for Ajax solution
HTML Code for WebApp
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script>
function submitData(){
var mobile=$('#mobileNumber').val();
if(mobile=='' || mobile.length != 10){
$('#formMessage').html("Invalid Mobile number Passed");
return false;
}
var form = $('#form');
$.ajax({
type: "POST",
url: "http://localhost:8080/cus/save.jssp",
data: form.serialize(), // serializes the form's elements.
success: function(data)
{
$('#formMessage').html("Mobile Number saved successfully");
},
error: function (data) {
$('#formMessage').html("Unable to save mobile number");
},
});
}
</script>
</head>
<body style="" class="">
<form id="form">
<div id="formMessage"></div>
<input name="mobileNumber" id="mobileNumber" type="text" /> <button id="input16300022829215" onclick="submitData()" type="button">Save</button></form>
</body>
</html>JSSP page code
<%
logonEscalation('webapp');
if(request['method'] != 'POST'){
return document.write(JSON.stringify({status:'error',error:'Invalid Error'}));
}
var mobileNumber = request.getParameter('mobileNumber');
if(mobileNumber=='' || mobileNumber.length != 10){
return document.write(JSON.stringify({status:'error',error:'Invalid Mobile Number passed'}));
}
xtk.session.Write(<customSchema _operation="insert" mobileNumber={mobileNumber} xtkschema="cus:customSchema"/>);
%>Note: This is a very lean code to get you started.