Jquery 用ajax(Laravel6)填充输入值
我有一个关于在下拉列表中选择后输入填充的问题。 我的数据库中有一个包含联系人详细信息的表。 在我的表单上,我有一个下拉列表,显示人们的名字,一旦我点击名字,就会用数据填充字段。 为此,我将Ajax与Jquery结合使用,我的请求得到了很好的响应,但字段中没有显示任何内容。如何解决这个问题 下拉列表:Jquery 用ajax(Laravel6)填充输入值,jquery,mysql,ajax,laravel,Jquery,Mysql,Ajax,Laravel,我有一个关于在下拉列表中选择后输入填充的问题。 我的数据库中有一个包含联系人详细信息的表。 在我的表单上,我有一个下拉列表,显示人们的名字,一旦我点击名字,就会用数据填充字段。 为此,我将Ajax与Jquery结合使用,我的请求得到了很好的响应,但字段中没有显示任何内容。如何解决这个问题 下拉列表: <select class="form-control select2 col-md-7" id="selInscrit" name="selInscrit">
<select class="form-control select2 col-md-7" id="selInscrit" name="selInscrit">
@foreach($inscrit as $inscrits)
<option value="{{$inscrits->INS_ID}}">{{$inscrits->INS_CIVILITE}} {{$inscrits->INS_NOM}} {{$inscrits->INS_PREN}} {{$inscrits->INS_NUM_RUE}} {{$inscrits->INS_Rue}}</option>
@endforeach
</select>
数据库
形式
反应
首先应该删除
dd($id,$data)
,因为dd函数转储给定变量并结束脚本的执行
差不多
success: function (data) {
if(data === undefined) {
alert('empty');
return;
}
$('#INS_CIVILITE').val(response.INS_CIVILITE);
$('#INS_NOM').val(response.INS_NOM);
$('#INS_PREN').val(response.INS_PREN);
//...
}
应该可以工作。在脚本之后,您是否尝试了console.log(响应)?未定义响应。当您添加某些内容时,它会将该对象呈现给输出,这意味着它将更正json响应。请取出它,像Roued所说的那样检查ajax响应。您想重新填充select或just set selected选项??填充select,但没关系,我只需更改每个选项的de值(例如,3到M),它就可以工作了。
<script>
$('#selInscrit').change(function() {
var id = $(this).val();
var url = '{{ route("show", ":id") }}';
url = url.replace(':id', id);
$.ajax({
url: url,
type: 'get',
dataType: 'json',
success: function(response) {
if (response != null) {
$('#INS_CIVILITE').val(response.INS_CIVILITE);
$('#INS_NOM').val(response.INS_NOM);
$('#INS_PREN').val(response.INS_PREN);
$('#INS_NAISS').val(response.INS_NAISS);
$('#INS_AGE').val(response.INS_AGE);
$('#INS_NUM_RUE').val(response.INS_NUM_RUE);
$('#INS_Rue').val(response.INS_Rue);
$('#INS_TEL1').val(response.INS_TEL1);
$('#INS_OBS').val(response.INS_OBS);
$('#INS_DATE').val(response.INS_DATE);
$('#INS_TEL2').val(response.INS_TEL2);
}
}
});
});
public function show($id = 0)
{
$data = Inscrit::where('INS_ID', $id)->first();
dd($id, $data);
return response()->json($data);
}
success: function (data) {
if(data === undefined) {
alert('empty');
return;
}
$('#INS_CIVILITE').val(response.INS_CIVILITE);
$('#INS_NOM').val(response.INS_NOM);
$('#INS_PREN').val(response.INS_PREN);
//...
}