function fn_save()
 {
     var fname = document.getElementById("fname").value ;
     var lname = document.getElementById("lname").value ;
     var city  = document.getElementById("city").value ;
     document.getElementById("data").style.display = "none" ;
     json_data = "{\"fname\":\"" + fname + "\",\"lname\":\"" + lname + "\",\"city\":\"" + city + "\"}" ;
     var msg = "data=" + encodeURIComponent(json_data) ;                                    
     // alert ( '['+msg+']' ) ; 
     url = "index.php?sub=Baza&action=saveRec" ;
     resp = function(response) {
        document.getElementById("response").innerHTML = response ; 
      }
      xmlhttpPost (url, msg, resp) ;                          
}   
function xmlhttpPost(strURL, mess, respFunc) {
    var xhr = new XMLHttpRequest();;
    xhr.open('POST', strURL);
	xhr.addEventListener("load", e => {
      if ( xhr.status == 200 )  {
         respFunc ( xhr.response ) ;
      }
    })
    xhr.setRequestHeader("X-Requested-With","XMLHttpRequest");
    xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded; ");
    xhr.send(mess);        
}