Как показать модальное окно из другого файла в мой html с помощью laravel ajax

я использую Laravel и ajax, в index.blade.php у меня есть:

<a onclick = "addForm()" class = "btn btn-success " style = "float:right;">Tambah</a>

а также

<script type = "text/javascript">
    function addForm(){
        save_method = "add" ;
        $('input[name=method]').val('POST') ;
        $('#myModal').modal('show') ;
        $('#myModal form')[0].reset() ;
        $('.modal-title').text('Tambah Kategori') ;
    }
</script>

и я хочу вызвать модальный вызов из другого файла с именем form.blade.php в той же папке с index.blade.php, это моя форма:

<div class = "modal" id = "myModal" tabindex = "-1" role = "dialog" aria-hidden = "true" data-backdrop = "static">
<div class = "modal-dialog modal-lg">
    <div class = "modal-content">

        <form class = "form-horizontal" data-toggle = "validator" method = "POST">
            {{ csrf_field() }} {{ method_field('POST') }}

            <div class = "modal-header">
                <button type = "button" class = "close" data-dismiss = "modal" aria-label = "Close">
                    <span aria-hidden = "true">&times;</span>
                </button>

                <h3 class = "modal-title"></h3>

            </div>

            <div class = "modal-body">
                <input type = "hidden" name = "id" id = "id">

                <div class = "form-group">
                    <label for = "nama" class = "col-md-3 control-label">Nama</label>
                    <div class = "col-md-6">
                        <input type = "text" id = "nama" class = "form-control" name = "nama" autofocus required>
                        <span class = "help-block with-errors"></span>
                    </div>
                </div>


            </div>

            <div class = "modal-footer">
                <button type = "submit" class = "btn btn-primary btn-save">Simpan</button>
                <button type = "button" class = "btn btn-warning" data-dismiss = "modal">Batal</button>
            </div>
        </form>

    </div>
</div>

Почему мое модальное окно не отображалось?

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
0
0
544
1

Ответы 1

Вам необходимо включить ваш файл form.blade.php в ваш index.blade.php, потому что ваш javascript не имеет ссылки на этот файл.

Это описано в документации по blade-серверу laravel: https://laravel.com/docs/5.6/blade#including-sub-views

Другие вопросы по теме