jQuery 模板不适用于 Json (MVC3)答案

【问题标题】：jQuery Template not working with Json (MVC3)jQuery 模板不适用于 Json (MVC3)
【发布时间】：2012-02-04 23:09:38
【问题描述】：

我不确定我错过了什么，在调试时我可以看到我的 JSON 响应很好，但是当我将数据发送到模板时它什么也没做。

HTML：

<select id="SelectedCompany"></select>
<script id="SelectedCompanyTmpl" type="text/x-jquery-tmpl">
    <option value="${Id}">${Name}</option>
</script>

jQuery:

var selectedCompanyID = $("SelectedCompany");
// Load Companies through Jquery Templates
function GetCompanies() {
    $.getJSON("/api/Companies/GetAll", function (data) {
        selectedCompanyID.html('<option value="0"> -- Select Company -- </option>');
        // Oops I had this backwards :(
        // selectedCompanyID.tmpl(data).appendTo('#SelectedCompanyTmpl');
        $("#SelectedCompanyTmpl").tmpl(data).appendTo(selectedCompanyID);

        selectedCompanyID.append('<option value="new">Add New Company</option>');
    });
}

Json 结果：

[{"Id":1,"Name":"Company 1","Website":"url1",},{"Id":2,"Name":"Company 2","Website":"url2"}]

我的选择只有“选择”和“添加新”选项，有什么想法吗？

【问题讨论】：

标签： jquery json asp.net-mvc-3 templates

【解决方案1】：

呸，我在这里重读后才知道，我已经切换了模板和主体ID：

// Oops I had this backwards :(
// selectedCompanyID.tmpl(data).appendTo('#SelectedCompanyTmpl');
$("#SelectedCompanyTmpl").tmpl(data).appendTo(selectedCompanyID);

我会把这篇文章留给任何寻找如何使用带有 Select 选项的 JQuery 模板的示例的人

【讨论】：