如何在Laravel中使用JQuery将数据传递给模态表单

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<button id="openModalBtn">打开模态表单</button>

<script>
    $(document).ready(function() {
        $('#openModalBtn').click(function() {
            // 获取数据
            var data = {
                key1: 'value1',
                key2: 'value2',
                // 其他数据字段
            };

            // 将数据传递给模态表单
            $('#myModal').data('data', data);
        });
    });
</script>

<div id="myModal" class="modal">
    <div class="modal-content">
        <span class="close">&times;</span>
        <h2>模态表单</h2>
        <form>
            <input type="text" id="input1" name="input1" placeholder="输入框1">
            <input type="text" id="input2" name="input2" placeholder="输入框2">
            <!-- 其他表单字段 -->
        </form>
    </div>
</div>

<script>
    $(document).ready(function() {
        // 获取传递的数据
        var data = $('#myModal').data('data');

        // 将数据填充到表单中
        $('#input1').val(data.key1);
        $('#input2').val(data.key2);
        // 其他表单字段的填充

        // 关闭模态表单
        $('.close').click(function() {
            $('#myModal').hide();
        });
    });
</script>