Javascript 从AJAX响应动态创建复选框

我正在创建一个涉及引导的网站，希望在模式对话框中显示复选框列表（计算机名称），供用户选择。我有一个AJAX调用和响应，返回我想要的信息，但我不知道如何正确显示它。基本上，对于我接收到的返回列表中的每个项目，我希望在模式中显示的列表中附加一个复选框。我以前也做过类似的事情，感觉自己已经很接近了，但不太明白这样的事情是怎么做到的。如果有人能教我怎么做，我将不胜感激！下面是我的JSP页面中的javascript/html代码。如果这不清楚或我需要更多信息，请告诉我。非常感谢

    <div class="modal" id="myModal">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
          <h4 class="modal-title">Workstations</h4>
        </div>
        <div class="modal-body">
          <ul id="wkslist"></ul>
        </div>
        <div class="modal-footer">
          <a href="#" data-dismiss="modal" class="btn">Cancel</a>
          <a href="#" class="btn btn-primary">Done</a>
        </div>
      </div>
    </div>
</div>
    </form>
</div>

---

这可以通过使用AngularJS的ngRepeat实现：

如果你把它包括在你的项目中，我希望它能降低你正在搜索的代码逻辑的20-30%，或者有类似的问题

有关更多详细信息，请访问以下链接：

最后你还有其他选择，但我只是想和你分享JS中最智能的框架

快乐编码

---

：）

下面是一个例子，说明了您可以在

success

函数中使用什么来实现这一点

对您所做的更改包括将每个复选框包装在

中，并为其添加相应的

//来自服务器的响应示例
var响应={optionA:'One'，optionB:'Two'，optionC:'Three'}；
//这将出现在ajax成功处理程序中
$。每个（响应、功能（键、值）{
变量li=$（“
”+
“
”）；
li.find（'label'）。文本（值）；
$（#wkslist'）。追加（li）；
});
#wkslist{
列表样式类型：无；
填充：0；
}

能否向我们展示
响应的内容
？感谢您的详细响应和代码示例，这就是我所要寻找的。我将尝试这个，并在短期内报告，再次感谢。您的回复帮助我了解了该做什么，这个链接在最后的细节中进行了填充，这是一个关于多个基础知识的好例子。
    function getWorkstations(e)
{
    var branchName = $('#txtBranch').val();


  if(e.checked)
      {
      $.ajax({
          url : 'ajaxwks.html',
          type: 'POST',
          data: branchName,
          cache:false,
          beforeSend: function(xhr) {


              xhr.setRequestHeader("Content-Type", "text/plain");

          },
          success : function(response) 
          {
             alert(response);

             $.each(response, function(key, value){


                 $('#wkslist').append($("<input type='checkbox' name=" + key + "").text(value) + "<br>");
             });
          },

          error:function(jqXhr, textStatus, errorThrown){
              alert(textStatus);
          }
      });

      //ajax call for workstations.
         $('#myModal').modal('show');
      }
}

["10.117.181.101:NOVELL:001:7637:C",hb:NOVELL:001:7637:C","WD08900960051","WD08900960052","WD08900960056"]