Javascript 如何在jQueryAjax响应中附加复选框中的值

在这里，我使用两个ajax，两个ajax都返回成功响应，如响应和结果，基于我想要在表单字段中应用的成功消息，从这里开始，第一个ajax工作正常，但第二个ajax响应我无法在复选框中附加值我正在这样尝试，但没有得到任何结果（复选框未附加）

$（文档）.ready（函数（）{
$.ajax({
网址：'http://www.example.com/api/get/properties/586caa3505dd7b13789e02a8', 
键入：“GET”，
contentType:'application/json；charset=utf-8'，
成功：功能（数据）{
var htmlString=''；
var响应={“名称”：“3 BHK待售公寓”，“电子邮件”：abcd@gmail.com"}
htmlString+=''；
htmlString+=“属性详细信息”；
htmlString+=“名称：电子邮件地址：”；
$.ajax({
//标头：{“授权”：“承载者”+令牌}，
网址：'http://www.example.com/api/get/property-types', 
键入：“GET”，
contentType:'application/json；charset=utf-8'，
成功：功能（结果）{
控制台日志（结果）；
var result1=[{
“id”：“57fde39205dd7b0ef89e02e3”，
“姓名”：“公寓”，
“财产用途”：{
“id”：“57cfe071fb47b70f3b147c66”，
“名称”：“住宅”，
“说明”：“住宅用途”
},
“说明”：“住宅物业类型”
}, {
“id”：“57fde3aa05dd7b0ef89e02e4”，
“名称”：“别墅”，
“财产用途”：{
“id”：“57cfe071fb47b70f3b147c66”，
“名称”：“住宅”，
“说明”：“住宅用途”
},
“说明”：“住宅物业类型”
}
]
$。每个（结果1，函数（键，p_类型值）{
htmlString+=''+p_typevalue.name；
});
},
错误：函数（errMsg）{
console.log（errMsg）；
}
});  
//htmlString+='DDSFSDFDF'；
htmlString+='
提交；
$（'.post_property_edit'）.empty（）.append（htmlString）；
},
错误：函数（errMsg）{
console.log（errMsg）；
}
});
});
您可以在第一个ajax响应中创建一个div元素作为容器，并在第二个ajax请求中使用它

我们将使用类“checkbox container”创建div元素
将这一行添加到第一个ajax响应htmlString的末尾

<div class='check-box-container'></div>



并在第二个ajax响应中使用它，如下所示

$（'.check box container'）.append（第二次响应\u htmlStingr）

您可以在第一个ajax响应中创建一个div元素作为容器，并在第二个ajax请求中使用它

我们将使用类“checkbox container”创建div元素
将这一行添加到第一个ajax响应htmlString的末尾

<div class='check-box-container'></div>



并在第二个ajax响应中使用它，如下所示

$（'.check box container'）.append（第二次响应\u htmlStingr）

我想这可能会帮助你想出一个主意
你试过了吗。append函数有时会有帮助的

这是我如何实现append的一个示例

function editLeavePolicyDetails(id) {


var removeLeaveTypeDetails=0;

$.ajax({
    url: '/ajax-leave-policy/' + id,
    data: {
        format: 'json'
    },
    dataType: 'json',

    type: 'GET',
    success: function (data) {
        console.log('loadedData',data);
        //console.log(data[2][0][0]);

        //$('.field.validation-error').empty();
        //$('.error').text('');

        //loadingPolicyDetails();


        $('#leavePolicyEditModal').on('hidden.bs.modal', function ()
        {
            $(this).find("textarea,select").val('').end();

            validator.resetForm();

            //hide();

            //deleting loaded details


            console.log(leaveTypeCount);
            while (removeLeaveTypeDetails > 0) {
                $('#editLeaveType'+ (removeLeaveTypeDetails-1)).remove();
                $('#editNoOfDays'+ (removeLeaveTypeDetails-1)).remove();
                //$('#space'+ (No-1)).remove();
                removeLeaveTypeDetails--;
            }


        });

        leaveTypeCount = data[4];
        console.log('leaveTypeCount',leaveTypeCount);
        var x;

        $('#Tid0').val(id);
        $('#Tid2').val(data[3][0]);

        //loading details

        for (x = 0; x < leaveTypeCount; x++) {

            var type = data[2][x][0];
            var days = data[1][x][0];


            var $cloneTypeID = $('<input />', {
                'id': 'editLeaveType' + x,
                'value': type,
                //'class':'col-sm-6 left',
                'name': 'Leave_Type' + x,
                'required': "enter",
                'disabled':true

            });

            var $space = $('</br>', {
                'id':'space'+x
            });

            var $cloneDaysID = $('<input />', {
                'id': 'editNoOfDays' + x,
                'value': days,
                //'class':'col-sm-6 right',
                'name': 'No_of_Days' + x


            });

            $('#xx').append($cloneTypeID);
            document.getElementById("#xx").disabled = true;
            $('#xx1').append($cloneDaysID);


        }
        removeLeaveTypeDetails=leaveTypeCount;

        console.log('removeLeaveTypeDetails',removeLeaveTypeDetails);

        $("#leavePolicyEditModal").modal('show');


    },
    error: function () {
        $('#info').html('<p>An error has occurred</p>');
    }

});

函数editLeavePolicyDetails（id）{
var removeLeaveTypeDetails=0；
$.ajax({
url:'/ajax休假政策/'+id，
数据：{
格式：“json”
},
数据类型：“json”，
键入：“GET”，
成功：功能（数据）{
console.log（'loadedData'，数据）；
//console.log（数据[2][0][0]）；
//$（'.field.validation error'）.empty（）；
//$（'.error'）。文本（''）；
//加载PolicyDetails（）；
$（'#levePolicyEditModal'）.on（'hidden.bs.modal'，function（）
{
$（this.find（“textarea，select”）.val（“”）.end（）；
validator.resetForm（）；
//隐藏（）；
//删除加载的详细信息
控制台日志（leaveTypeCount）；
while（removeLeaveTypeDetails>0）{
$（'#editLeaveType'+（removeLeaveTypeDetails-1））.remove（）；
$（“#editNoOfDays”+（removeLeaveTypeDetails-1））.remove（）；
//$（“#空格”+（No-1））.remove（）；
删除类型详细信息--；
}
});
leaveTypeCount=数据[4]；
log（'leaveTypeCount'，leaveTypeCount）；
var x；
$（'Tid0'）.val（id）；
$（'Tid2'）.val（数据[3][0]）；
//装载细节
对于（x=0；x”{
“id”：“space”+x
});
变量$cloneDaysID=$（''{
'id'：'editNoOfDays'+x，
“价值”：天，
//‘class’：‘col-sm-6 right’，
'name'：'No_of_Days'+x
});
$（'#xx'）。追加（$cloneTypeID）；
document.getElementById（“#xx”）.disabled=true；
$（'#xx1'）。追加（$cloneDaysID）；
}
removeLeaveTypeDetails=leaveTypeCount；
log（'removeLeaveTypeDetails'，removeLeaveTypeDetails）；
$（“#levePolicyEditModal”）.modal（'show'）；
},
错误：函数（）{
$（'#info'）.html（'发生错误
'）；
}
});

这是我自己的一个例子，希望你能从中得到一些东西

如果您需要进一步的说明，只需按一下按钮就可以了。
您试过了吗。附加函数有时会有所帮助

这是我如何实现append的一个示例

function editLeavePolicyDetails(id) {


var removeLeaveTypeDetails=0;

$.ajax({
    url: '/ajax-leave-policy/' + id,
    data: {
        format: 'json'
    },
    dataType: 'json',

    type: 'GET',
    success: function (data) {
        console.log('loadedData',data);
        //console.log(data[2][0][0]);

        //$('.field.validation-error').empty();
        //$('.error').text('');

        //loadingPolicyDetails();


        $('#leavePolicyEditModal').on('hidden.bs.modal', function ()
        {
            $(this).find("textarea,select").val('').end();

            validator.resetForm();

            //hide();

            //deleting loaded details


            console.log(leaveTypeCount);
            while (removeLeaveTypeDetails > 0) {
                $('#editLeaveType'+ (removeLeaveTypeDetails-1)).remove();
                $('#editNoOfDays'+ (removeLeaveTypeDetails-1)).remove();
                //$('#space'+ (No-1)).remove();
                removeLeaveTypeDetails--;
            }


        });

        leaveTypeCount = data[4];
        console.log('leaveTypeCount',leaveTypeCount);
        var x;

        $('#Tid0').val(id);
        $('#Tid2').val(data[3][0]);

        //loading details

        for (x = 0; x < leaveTypeCount; x++) {

            var type = data[2][x][0];
            var days = data[1][x][0];


            var $cloneTypeID = $('<input />', {
                'id': 'editLeaveType' + x,
                'value': type,
                //'class':'col-sm-6 left',
                'name': 'Leave_Type' + x,
                'required': "enter",
                'disabled':true

            });

            var $space = $('</br>', {
                'id':'space'+x
            });

            var $cloneDaysID = $('<input />', {
                'id': 'editNoOfDays' + x,
                'value': days,
                //'class':'col-sm-6 right',
                'name': 'No_of_Days' + x


            });

            $('#xx').append($cloneTypeID);
            document.getElementById("#xx").disabled = true;
            $('#xx1').append($cloneDaysID);


        }
        removeLeaveTypeDetails=leaveTypeCount;

        console.log('removeLeaveTypeDetails',removeLeaveTypeDetails);

        $("#leavePolicyEditModal").modal('show');


    },
    error: function () {
        $('#info').html('<p>An error has occurred</p>');
    }

});

函数editLeavePolicyDetails（id）{
var removeLeaveTypeDetails=0；
$.ajax({
url:'/ajax休假政策/'+id，
数据：{
格式：“json”
},
数据类型：“json”，
键入：“GET”，
成功：功能（数据）{
console.log（'loadedData'，数据