在 jQuery 模板中显示来自 ajax 的 JSON 响应文本

Question

我需要将 ajax 调用的响应传递给 jquery 模板。响应 json 格式正确。我已经通过在 ajax fn 中使用警报语句检查了这一点。当响应传递给模板时，它不会被识别。对于例如，当我在模板中使用 ${field1} 时，浏览器中没有显示任何内容。浏览器中没有显示任何错误消息。有人可以帮我解决这个问题吗？

来自服务器的 Json 响应：

    { 
        "field1": 23432434, 
        "field2": "sometext",
    }

Ajax fn：

    function getinfo(uri)
    {
        jQuery.ajax({
        url:    'http://{{request.META.SERVER_NAME}}'+uri,
        success: function(info) {
                  return info;
              },
        async:   false,
        dataType: 'jsonp'
        });
     }

模板：

    <script id="infoTemplate" type="text/x-jQuery-tmpl">
            <div>${field1}</div>
   </script>

将 JSON 绑定到模板的代码：

<script id="Template1" type="text/x-jQuery-tmpl">      
      {{tmpl(getinfo(uri)) "#infoTemplate"}} 
</script>

注意：我无法使用以下方法将 JSON 与模板绑定。这是一个很长的故事。

function getinfo(uri)
{
    $.getJSON('http://{{request.META.SERVER_NAME}}'+uri, function(data) {
         $("#infoTemplate").tmpl(data).appendTo("#somedivid");
   });
}

Answer 1

回调不是这样工作的。您将 info 返回给回调函数，而不是 getinfo。

您要么必须执行像您之后建议的那样的操作，要么将 ajax 调用的结果保留在全局变量中，并稍后调用 tmpl 函数，以确保您已经从 ajax 调用中获得了答案。第一条路是要走的路。