添加Ajax成功以html格式返回json对象数据

我已经创建了使用ajax在php-mysql数据库中添加数据的表单，它工作正常，添加数据后它显示在html表中。

现在，我正在尝试创建用于编辑这些条目的代码，我已经创建了以下代码，以便使用AJAX编辑，

$(document).ready(function() {
var table = $('#categorylist').DataTable();

$('#categorylist tbody').on( 'click', 'tr', function () {
    $(this).toggleClass('selected');
} );

$('#edit_category').on( 'click',function () {
    document.getElementById('editcategory').style.display = "block";



    /*do some task here to get values of ID*/
var catid = $("#cat_id").val();


            jQuery.ajax({
                        url: "<?php echo base_url(); ?>index.php/tools/edit_category",
                        data: {category:catid},
                        type: "POST",
                        success:function(data){ 
                        var objData = jQuery.parseJSON(data);
                            console.log(objData);
                            $("#cname").html(
                                objData.category_name
                                            );


                                    }
                        });

});
});

上面的代码将向PHP发送请求以获取该ID的信息，并以json格式返回我的数据，下面是返回的数据，

category_id：“ 38” category_name：“测试传递”

现在，我想以html形式显示此值，以便用户可以看到什么是当前值，然后用户将编辑值并单击“保存”。

以下是我的html表单，如何在html输入表单中将类别ID和名称显示为值？

谢谢，

<form action="" method="post" accept-charset="utf-8" id="category_editform">
                            <div class="form-group">

                              <div class="controls">
                              <div class="input-group m-t-20 icons-panel"> <span class="input-group-addon bg-white"> <i class="fa fa-list"></i> </span>
                         <input type="text" class="form-control" name="category_name" placeholder="category name" id="cname" required>
                        </div>

                              </div>
                            </div>
                            <div class="align-left">
                              <input type="submit" class="btn btn-primary m-r-20" name="create_category" value="Save">
                              <button type="reset" class="btn btn-default" onClick="expensecategory_editform_hide()">Cancel</button>
                            </div>

                          </form>