コード $(function(){ function buildHTML(message){ image = ( message.image ) ? `<asset_path src=${message.image} >` : ""; var html = `<div class="message"> <div class="upper-message"> <div class="upper-message__user-name"> ${message.user_name} </div> <div class="upper-message__date"> ${message.date} </div> </div> <div class="lower-message"> <p class="lower-message__content"> ${message.content} </p> </div> ${image} </div>` return html; } $('#new_message').on('submit',function(e) { e.preventDefault(); var formData = new FormData(this); var url = $(this).attr('action'); $.ajax({ url: url, type: "POST", data: formData, dataType: 'json', processData: false, contentType: false }) .done(function(data){ var html = buildHTML(data); $(' .messages').append(html); $('.messages').animate({scrollTop: $('.messages')[0].scrollHeight}, 'fast'); $('.form__message').val(''); $(".form__submit").prop('disabled', false); }) .fail(function(){ alert('error'); }); }); });
画面をリロードしなくてもいいようにということなのですが、プログラミング初心者です。どなたかわかるかたいらっしゃいませんか?