My ajax call no longer works if i remove async:false, Could you please suggest better approach without using asynch:false.
        var json = JSON.stringify(mark.toJSON());
        var src = "";
        if (json.length > 1024) {
            $.ajax(Constants.Url_Base + 'Annotations/CreateMessage', {
                data: { jsAnnotation: json },
                type: 'post',
                async: false,//added so that events executes in proper order
                success: function (resp) {
                    if (resp.status !== 'ok') {
                        ErrorHandler.addErrors(resp.message, css.warningErrorClass, css.warningErrorClassTag, css.inputErrorClass, '');
                    }
                    else {
                        var messageId = encodeURIComponent(resp.result);
                        json = messageId;
                        
                    }
                }
            });
        }
      
            src = Constants.Url_Base + "Annotations/GetAnnotationPng?jsAnnotation=" + encodeURIComponent(json);
            var pdto = this.getPDTO();
            var dpi = Math.max(pdto.get('RezX'), pdto.get('RezY'));
            if (dpi > 0) {
                src += "&dpi=" + dpi;   
        }
        return src;  
    }```
 
    