如何将数据传递到laravel中的模式对话框(使用模式框的更新方法)？

<!-- 模态对话框 -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title" id="myModalLabel">模态对话框标题</h4>
      </div>
      <div class="modal-body">
        <!-- 表单 -->
        <form id="myForm">
          <input type="text" name="data" id="dataInput">
          <button type="submit" class="btn btn-primary">提交</button>
        </form>
      </div>
    </div>
  </div>
</div>

<script>
  // 监听按钮点击事件
  document.getElementById('openModalBtn').addEventListener('click', function() {
    // 打开模态对话框
    $('#myModal').modal('show');
  });

  // 监听表单提交事件
  document.getElementById('myForm').addEventListener('submit', function(e) {
    e.preventDefault(); // 阻止表单默认提交行为

    // 获取输入框的值
    var data = document.getElementById('dataInput').value;

    // 发送AJAX请求
    $.ajax({
      url: '/data',
      type: 'POST',
      data: { data: data },
      success: function(response) {
        // 处理响应
        console.log(response);
        // 关闭模态对话框
        $('#myModal').modal('hide');
      },
      error: function(error) {
        // 处理错误
        console.log(error);
      }
    });
  });
</script>

// 定义路由
Route::post('/data', 'DataController@store');

// DataController.php
<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class DataController extends Controller
{
    public function store(Request $request)
    {
        // 获取请求参数
        $data = $request->input('data');

        // 处理数据，比如保存到数据库
        // ...

        // 返回响应
        return response()->json(['message' => '数据保存成功']);
    }
}