脚本：

    $(document).ready(function (){
        $(document).on('click', '.add_category', function(e){
            e.preventDefault();
            var data = {
                'category_name': $('.category_name').val(),
                'category_description': $('.category_description').val(),
            }
            console.log(data);
        });
    });

形式：

<h4>Add New Category</h4>
<div>
<input type="text" placeholder="Category Name">
</div> 
<div>
<textarea placeholder="Category Description" cols="50" rows="10"></textarea>
</div>

需要建议，undefined即使输入类型和脚本的 var 数据中的变量相同，我添加内容的输入字段事件也会返回

我还尝试将 更改为 name="category_name"

我错过了什么？

回答

<input type="text" placeholder="Category Name">
                   ^^^ here                                                          ^^^ and here

<input type="text" placeholder="Category Name">