在表单提交上获取空输入

getting empty input on form submit

我正在尝试实现一个搜索功能,目前,我正在实现一个搜索字段,但将来会有更多。

问题是当我提交表单以搜索数据时,它提交了一个空值,正如我在结果查询中看到的那样。 console.log() 也会打印 else block 即使我在输入字段中输入了内容。 有什么问题,我觉得一切正常,有人可以指出问题吗?

blade

<form id="studSearchForm" autocomplete="off" method="GET" enctype="multipart/form-data">
@csrf
<div class="searchBox">
Search Student
<div class="searchContainer">
    <div class="input-group">
        <input id="studfnameSearch" name="studfnameSearch" type="text" class="form-control"  placeholder="student first name">            
        <div class="input-group-append">
            <div class="input-group">
                <button type="submit" class="btn btn-secondary">                    
                Search
                </button>
            </div>
        </div>
    </div>
</div>
<script>
    $("#studSearchForm").submit(function(e) {
    e.preventDefault();
    const fd = new FormData(this);
    var _url = '{{ route('student.fetch.route') }}';
    $.ajax({
        url: _url,
        method: 'GET',
        data: fd,
        cache: false,
        contentType: false,
        processData: false,
        dataType: 'json',
        success: function(response) {
            console.log(response);            
        }
    });
});    
</script>

网络路由

Route::get('student-fetch', [StudentRegController::class, 'fetchStudent'])->name('student.fetch.route');

控制器

public function fetchStudent(Request $request) {
    $fnameQuery = $request->input('studfnameSearch');    
    if (!empty($fnameQuery)) {
        $studSearch = DB::table('school_students')->where('student_first_name', 'LIKE', "%{$fnameQuery}%")
            ->get('student_first_name');
        return response()->json($studSearch);
    } else {
        return response()->json("empty search");

    }
}

FormData用于生成多部分表单数据请求bodies.

它与 GET 请求不兼容,GET 请求不能有请求正文并希望将数据放在查询字符串中。

通常我会建议使用 URLSearchParams to generate a query string, but I don’t know if jQuery is modern enough to support it. Consider jQuery serialize