我如何将复选框附加到我的 ajax 响应

Question

我正在尝试为从数据库接收到的数据动态创建复选框。

jQuery 和 AJAX 调用：

$("#destinationName").autocomplete({
    source : function(request, response) {
        $.ajax({
            url: "${pageContext.request.contextPath}/showDestinations",
            type: "POST",
            data : { term : request.term },
            dataType : "json",
            success : function(data) {
                alert(data);
            }
        });
    }
});

<label>Destination</label>
<input type="text" id="destinationName" name="destinationName" value="${Form.destinationName}" class="field" />

当我保持警惕时收到的回复：

[ "abc", "def"]

欢迎提出宝贵意见。作为 AJAX 和 jQuery 的新手，我很难获得这个结果。

Answer 1

你可以试试这个 : http://jsfiddle.net/4wf3rq04/

    use $.each(function(){...})

Answer 2

你可以试试这样的

success: function(data) {
  $("#resultDiv").html("");
  $.each(data, function(i, record) {
    $("#resultDiv").append("<input type='checkbox' id='chk-" + i + "' name='" + record + "' /> " + record);
  });
}

Answer 3

您可以使用以下代码

success: function (data) {
                if (data.d != null) {

                    var temp = data.d;

                    if (temp != '') {

                        var Response = temp.split(",");

                        if ((Response != '') && (Response.length > 0)) {

                            for (i = 0; i < Response.length; i++) {
                                $("#resultDiv").append("<input type='checkbox' id='chk-" + i + "' name='" + Response[i] + "' /> " + Response[i]);

                            }
                        }

                    }
                }
            }

我如何将复选框附加到我的 ajax 响应

How can i append checkboxes to my ajax response

ajax

jquery