在节点Js

Question

因此，编辑功能应该使用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">&times;</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