laravel通过ajax获取val未定义的数据

Question

/* When click show user */
$(document).on("click", '#edit', function() {
var userURL = $(this).data('url');
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
$.get(userURL, function(data) {
$('#staticBackdrop').modal('show');
$.each(data, function(key, value) {
$('#title').val(value.title)
alert(value.title);
});
$('#edit_forms').attr('actions', data.editRoute);
})
});

<input type="text" class="form-control {{ $errors->has('title') ? 'is-invalid' : '' }}" id="title" name="title" placeholder="Category name">

我测试了它通过的值alert(value.title);，但显示输入的$('#title').val(value.title)显示undefined。如何解决这个问题？

Answer 1

从body中删除输入并将其添加到JS中，然后创建一个具有所需id的div，而不是输入。添加id以进行追加。

$.each(data, function(key, value) {
$('#your title div').append('<input type="text" class="form-control {{ $errors->has('title') ? 'is-invalid' : '' }}" id="title" name="title" placeholder="Category name" value="' + value.title + '">');