因此,编辑功能应该使用HTML中的模态窗口来编辑具有所选ID的naskah标题和naskah详细信息,但似乎可以读取,而naskah标题和详细信息的值无法读取,对此有什么解决方案? / p>
车把HTML中的编辑按钮:
<td>
<a href="javascript:void(0)" class="btn btn-sm btn-info edit" data-id="{{id}}" data-naskah_title="
{{naskah_title}}" data-naskah_details="{{naskah_details}}">Edit</a>
<a href="javascript:void(0)" class="btn btn-sm btn-danger delete" data-id="{{id}}">Delete</
</td>
在模式窗口中,形式为:
<form action="naskah_form/update" method="post">
<div class="modal fade" id="EditModal" tabindex="-1" role="dialog" aria-
labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Edit Naskah</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="form-group">
<input type="text" name="naskah_title" class="form-control naskah_title"
placeholder="Naskah Title" required>
</div>
<div class="form-group">
<input type="text" name="naskah_details" class="form-control details"
placeholder="Naskah Details" required>
</div>
</div>
<div class="modal-footer">
<input type="hidden" name="id" class="naskah_id">
<button type="button" class="btn btn-secondary" data-
dismiss="modal">Close</button>
<button type="submit" class="btn btn-primary">Update</button>
</div>
</div>
</div>
</div>
</form>
这是Jquery:
<script>
$(document).ready(function () {
$('#mytable').on('click','.edit',function () {
var naskah_id = $(this).data('id')
var naskah_title = $(this).data('naskah_title')
var naskah_details = $(this).data('naskah_details')
$('#EditModal').modal('show');
$('.naskah_title').val(naskah_title)
$('.details').val(naskah_details)
$('.naskah_id').val(naskah_id)
})
})
</script>
这是Node js中使用Express Js的表单POST的功能:
router.post('/update',(req,res)=>{
console.log(req.body.title)
console.log(req.body.details)
console.log(req.body.id)
})
结果是:
undefined undefined 2 // 2是ID,似乎只有可以读取的ID
*注意:我已经在app.js中安装了所有的jquery,body解析器等,我对node js使用了express框架,并且已经在app.js中设置并使用了app.use