Javascript 添加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格式返回给我数据， 下面是返回的数据

类别识别号：38 类别名称：试验运输工具

现在我想以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>

---

使用下面的代码以html形式显示类别名称值

$cname.valobjData.category\u名称

而不是

---

$cname.htmlobjData.category_name

使用下面的代码以html形式显示类别名称值

$cname.valobjData.category\u名称

而不是

---

$cname.htmlobjData.category\u name

想象这是你的json

{'category_id': "38", 'category_name': "Test Conveyance"}

使用点表示法解析它。 例如，如果在ajax响应中使用data.category\u id和data.category\u name

然后

使用id将其设置为表单 你的领域是什么

<input type="text" id="category_id">

在你的情况下，你应该使用

$("#cname").val(objData.category_name);

---

假设这是您的json

{'category_id': "38", 'category_name': "Test Conveyance"}

使用点表示法解析它。 例如，如果在ajax响应中使用data.category\u id和data.category\u name

然后

使用id将其设置为表单 你的领域是什么

<input type="text" id="category_id">

在你的情况下，你应该使用

$("#cname").val(objData.category_name);

---

如何为选择元素赋值？我有下面的html代码，下面是html，-选择类别-Internet\Broadband8 Internet\Broadband8。我可以看到所有数据都在objData中可用，我尝试使用$category_name.valobjData.category_name；但它没有显示任何选定内容，如何为选定元素赋值？我有下面的html代码，下面是html，-选择类别-Internet\Broadband8 Internet\Broadband8。我可以看到所有数据都在objData中可用，我尝试使用$category_name.valobjData.category_name；但它没有显示任何选择，