使用来自远程api url的json胡子

时间:2011-07-24 17:06:09

标签: json mustache

小胡子文档描述了使用本地类型的json源代码,例如下面链接的小胡子演示..

http://mustache.github.com/#demo

但是,胡须文档没有描述使用远程链接json源的语法。

我能够成功地将我从api获得的json源复制并粘贴到胡子演示中并修改胡子模板以获得所需的结果确定

只是不知道如何在url中引用api的远程json结果.. fwiw,我从这个url获取我的json结果

获取http://www.car2go.com/api/v2.0/vehicles?loc=austin&format=json

也许我可能必须在本地保存json结果,然后读取它们,但仍然有问题如何获取胡子来查看远程文件而不是键入的json源..任何指针?

1 个答案:

答案 0 :(得分:2)

让我看看我是否正确理解了你的问题。您希望来自远程api的胡子使用json并在客户端模板化您的标记吗?

如果是这种情况,那么你可以做如下的事情:

$.ajax({
  url: "/api/v2.0/vehicles",
  data: {loc:'austin',format:'json'},
  type: "GET",
  dataType: "json",
  success: templateAndRender
});

function templateAndRender(jsonResponse)
{
  var html=Mustache.to_html("yourTemplate",jsonResponse);
  //code yo insert html Eg. $('selector').html(html);
}    

注意如果ajax请求需要使用jsonp进行跨域请求,则需要将ajax请求组成相同的域