Avatar

Community Advisor

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.