Question

Used one hidden element to capture changed value

and change the element value using jquery

changeValue(no){
   $('#mobileno').val(no);
}

and then pass the value to ajax

$.ajax({
    url:url,
    type: 'post',       
    data: '{"id":"1", "mobileno":$("#mobileno").val()}',
    success: function(data, status) {
    console.log("Success!!");        
    },    
});

mobileno field always shows empty value value while posting, if i am used alert in change value method then it is working fine

changeValue(no){
 $('#mobileno').val(no);    
 alert( $('#mobileno').val());
}

then it is working fine, your help will be appreciated

Answer 1

You’ve quoted your JS object making it into a string

$.ajax({
    url:url,
    type: 'post',       
    data: '{"id":"1", "mobileno":$("#mobileno").val()}',
    ------^                                            ^--------
    success: function(data, status) {
    console.log("Success!!");        
    },    
});

Use this

$.ajax({
    url:url,
    type: 'post',       
    data: {"id":"1", "mobileno": $("#mobileno").val() },
    success: function(data, status) {
    console.log("Success!!");        
    }    
});