将数据加载到表单:使用Ajax在Laravel中选择

Route::get('/load-data', 'DataController@loadData')->name('load.data');

namespace App\Http\Controllers;

use App\Models\Data;
use Illuminate\Http\Request;

class DataController extends Controller
{
    public function loadData(Request $request)
    {
        // 从数据库中获取需要加载到表单的数据
        $data = Data::all();

        // 返回数据给前端
        return response()->json($data);
    }
}

<form id="myForm">
    <select name="data" id="dataSelect">
        <option value="">请选择数据</option>
    </select>
</form>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
    $(document).ready(function() {
        // 使用Ajax请求数据
        $.ajax({
            url: "{{ route('load.data') }}",
            type: "GET",
            dataType: "json",
            success: function(response) {
                // 将返回的数据加载到表单中
                $.each(response, function(index, data) {
                    $('#dataSelect').append('<option value="' + data.id + '">' + data.name + '</option>');
                });
            }
        });
    });
</script>