JSON 元素为 null，导致“Uncaught TypeError:”对于 JQote2

Question

背景：我的页面上有两个下拉菜单，当它们发生更改时，我使用 AEFXX 的 JQote 插件来使用一些返回的 JSON 数据填充表。在 JSON 响应中，一些用户故事具有与其关联的任务，但这些任务没有太多信息，因此我必须为每个任务执行额外的 GET 请求才能返回此信息。返回的某些任务没有分配所有者，导致字段 Task.Owner = null。

以下是我用来获取每个任务的代码：

if(result.Tasks != ""){
 $.each(result.Tasks, function(i, tasks){
    console.log(tasks._ref);
    $.ajax({
        url: tasks._ref,
        dataType: 'jsonp',
        jsonp: 'jsonp',
        success: function(data, textStatus, jqXHR) {
            $.get("task.tpl", function(tmpl) {
                $("#reqs").jqoteapp(tmpl, data.Task);
                });
            }
    });
 })
}

模板 (task.tpl) 如下所示：

<tr id="infoReturned">
  <td name="id" class="row"><%= this.FormattedID %></td>
  <td name="name" class="row"><%= this._refObjectName %></td>
  <td name="state" class="row"><%= this.State %></td>
  <td name="owner" class="row"><%= this.Owner._refObjectName %></td>
</tr>

试用： 我提到了 如何测试空对象JSON.

我添加了以下函数：

        function isEmpty(obj) {
            for (var prop in obj) {
                if (obj.hasOwnProperty(prop))
                    console.log("false");
                    return false;
            }
        }

，将 GET 的成功函数修改为：

success: function(data, textStatus, jqXHR) {
 if (isEmpty(data.Task.Owner)){
    $.get("emptyTask.tpl", function(tmpl) {
    $("#reqs").jqoteapp(tmpl, data.Task);
    });                                         
 }
 else {
    $.get("task.tpl", function(tmpl) {
    $("#reqs").jqoteapp(tmpl, data.Task);
    });
 }

}

，并创建了一个新的模板文件（emptyTask.tpl），其中 Owner 部分为空：

<tr id="infoReturned">
 <td name="id" class="row"><%= this.FormattedID %></td>
 <td name="name" class="row"><%= this._refObjectName %></td>
 <td name="state" class="row"><%= this.State %></td>
 <td name="owner" class="row"></td>
</tr>

，但我仍然收到错误：

Uncaught TypeError: <unknown message TemplateExecutionError>
(anonymous function)
$.extend.jqotejquery.jqote2.js:107
$.each.$.fn.(anonymous function)jquery.jqote2.js:76
$.ajax.success.$.each.$.each.$.ajax.successpy2Test.html:155
jQuery.extend._Deferred.deferred.resolveWithjquery-latest.js:1016
donejquery-latest.js:7247
jQuery.ajaxTransport.send.callbackjquery-latest.js:8028

问题： 如何修复 task.tpl 的最后部分以考虑可能的空值，或修改 AJAX 成功函数以正确处理这种情况？

Answer 1

找到了一个与我之前尝试过的解决方案类似的解决方案：

if ((data.Task.Owner) == null){
  $.get("emptyTask.tpl", function(tmpl) {
  $("#reqs").jqoteapp(tmpl, data.Task);
  });                                           
}
else {
  $.get("task.tpl", function(tmpl) {
  $("#reqs").jqoteapp(tmpl, data.Task);
  });
}

我仍然对修改 template 文件以处理此问题的解决方案感兴趣。

如果您还有其他答案，请留言！