#javascript #html #laravel
Вопрос:
Привет, я действительно надеюсь, что кто-нибудь может дать мне небольшой совет! Я полный новичок в программировании, и у меня было много проблем, чтобы найти решение для этого. Используя Laravel 5, я пытаюсь улучшить веб-сайт в социальных сетях. Мне нужно взять строку пользователя, проанализировать ее и превратить ее во встроенное видео YT, если они опубликуют внешнюю ссылку. Я не могу установить пакеты, потому что я работаю с веб-сайтом, который уже находится в Сети, поэтому, если возможно, только Javascript!. Я искал в Интернете много решений, и мне не совсем ясно, нужно ли добавлять дополнительные функции в файл JS, добавлять функцию в контроллер или, может быть, внутреннюю функцию JS в блейде? Как я уже сказал, я действительно новичок в этом и пытаюсь научиться, пожалуйста, помогите! Я включил фрагменты JS и Blade, чтобы дать общее представление. Спасибо вам за любую помощь!
function newPost(){
var form_name = '#form-new-post';
$(form_name ' .loading-post').show();
var data = new FormData();
data.append('data', JSON.stringify(makeSerializable(form_name).serializeJSON()));
var file_inputs = document.querySelectorAll('.image-input');
$(file_inputs).each(function(index, input) {
data.append('image', input.files[0]);
});
$.ajax({
url: BASE_URL '/posts/new',
type: "POST",
timeout: 5000,
data: data,
contentType: false,
cache: false,
processData: false,
headers: {'X-CSRF-TOKEN': CSRF},
success: function(response){
if (response.code == 200){
cleanPostForm();
$(form_name ' .loading-post').hide();
$('.post-list-top-loading').show();
fetchForNewPosts();
}else{
$('#errorMessageModal').modal('show');
$('#errorMessageModal #errors').html(response.message);
$(form_name ' .loading-post').hide();
}
},
error: function(){
$('#errorMessageModal').modal('show');
$('#errorMessageModal #errors').html('Something went wrong!');
$(form_name ' .loading-post').hide();
}
});
}
<div class="post-content post-content-s" style="padding-bottom:15px;">
{{ $post->content }}
</div>
<div id="message" class="post-content post-content-s">
@if($post->hasImage())
@foreach($post->images()->get() as $image)
<a data-fancybox="gallery" href="{{ $image->getURL() }}" data-caption="{{ $post->content }}"><img src="{{ $image->getURL() }}" style="display:block; margin-left:auto; margin-right:auto;"></a>
@endforeach
@endif
</div>