مشکل رفتن به خط بعدی

[خورشید *ستاره]

سلام من در کنترلرم دستوری نوشتم که پیام رو از کاربر میگیره و در بقیه صفحات به صورت popupنشون میده اما مشکل من اینکه که پیام ها به صورت افقی نشون داده میشه پشت سر هم در یک خط.
کسی میتونه راهنماییم کنه که چطور پیام ها از سر خط نشون داده بشه و پشت سر هم نباشه.
کد کنترلر

@RequestMapping(value = "/inbox", method = RequestMethod.GET)

    public

    @ResponseBody

    @JsonInclude(JsonInclude.Include.NON_NULL)

    String[] getData() {

        List<AdminMessage> adminMessages = adminMessageService.getAllAdminMessages();

        String[] stringArray = new String[adminMessages.size()];

        int index = 0;

        for(AdminMessage adminMessage:adminMessages){

            stringArray[index++]=adminMessage.getAdminMessage();

        }

 

        return stringArray;

    }

و کدی که مربوط به دکمه نشون دادن پیام هستش . مشکل در همین قسمت است.

btn.onclick = function () {    alert('heloooo');
    $.ajax({
        url: 'inbox',
        type: 'GET',
        headers : {
            'Accept' : 'application/json',
            'Content-Type' : 'application/json'
        },
        success: function (data) {
            message ='';
            alert(data.length);
            for(i=0;i<data.length ;i++) {
                message += data[i] + '\n';
                alert(message);
            }
            modal.style.display = "block";
            $('#modalMessage').html(message);
        },
        error: function () {
            alert("error");
        }
    });

[خورشید *ستاره]

مشکل حل شد. اگر کسی با همچین مشکلی مواجه شد میتونه به راه حل یه نگاهی بندازه
من از jquery استفاده می کردم در حالیکه جاوا اسکریپت کار خیلی راحتتر شد.

<script type="application/javascript">
    // Get the modal
    var modal = document.getElementById('myModal');

    // Get the button that opens the modal
    var btn = document.getElementById("myBtn");

    // Get the <span> element that closes the modal
    var span = document.getElementsByClassName("close")[0];


    // When the user clicks on <span> (x), close the modal
    span.onclick = function () {
        modal.style.display = "none";
    }

    // When the user clicks anywhere outside of the modal, close it
    window.onclick = function (event) {
        if (event.target == modal) {
            modal.style.display = "none";
        }
    }

    btn.onclick = function () {
        $.ajax({
            url: '${contextPathVar}/inbox',
            type: 'GET',
            headers: {
                'Accept': 'application/json',
                'Content-Type': 'application/json'
            },
            success: function (data) {
                message = '<br/>';
                for (i = 0; i < data.length; i++) {
                    message += (i + 1) + ' - ' + data[i] + '<br/>';
                }
                document.getElementById('adminMessageId').innerHTML = message;
                modal.style.display = "block";
            },
            error: function () {
                alert("error");
            }
        });
    }
</script>