在表单提交上获取空输入
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
。
我正在尝试实现一个搜索功能,目前,我正在实现一个搜索字段,但将来会有更多。
问题是当我提交表单以搜索数据时,它提交了一个空值,正如我在结果查询中看到的那样。
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
。