jquery - 如何在 jQuery 的 ajax 响应中创建 html 页面

Question

我们在我们的应用程序中使用 jQuery ajax。

例如要获取一个国家的州，在从服务器获取结果之后，我们正在做以下事情。

$.each(results , function(index,value){

  $('#id').append('<option value="'+index+'">'+value+'</option>');

});//Here `id` the select box id

它运行良好。但我需要一个更好的可读性解决方案。有没有其他方法可以做到这一点？

Answer 1

只需一个简单的优化就足够了：

(function () {
    var str = "";
    $.each(results, function (index, value) {
        str += '<option value="' + index + '">' + value + '</option>';
    });
    document.getElementById('id').innerHTML += html;
})();