有用过 trimpath template的高手请进

Question

我的js中的代码如下：
    var hp_url = "/computer/json/hp.json";
   
   $.getJSON(hp_url,function(data){
   
    for (var i = 0; i < data.laptops.length; i++) {
          if (data.laptops[i].title == title) {          $("#detail_list_container").html(TrimPath.processDOMTemplate("detail_jst",data.laptops[i]));
      
     }
    }
   })；hp.json 数据如下：{"laptops" :[{
            "title": "HP AMD PhenomII",
   "detail": "上市时间2010 年 6月,处理器 AMD PhenomII X3 N830(2.1GHz),
   "picture": "laptop_hp_1.jpg",
   "price": "3000",
   "time":"2010年1月"
  }, {
      "title":"HP Intel Core i3",
   "detail": "上市时间2010 年 7月",
   "picture": "laptop_hp_2.jpg",
   "price": "4000",
   "time":"2010年2月"
  }；
页面中的输出模板如下：
<div name="detail_jst" id="detail_jst">
                     
                     <div class="img_List"><img src="/computer/images/${laptops[0].picture}"></img></div>
  
                           <div class="laptops_content">
 
                            <ul class="laptops_list_ul">                             <li class="laptops_list_li_title">${laptops[0].title}</li>
          <li class="laptops_list_li_content">${laptops[0].detail}</li>
          <li class="laptops_list_li_title">${laptops[0].price}</li>
          <li class="laptops_list_li_content">${laptops[0].time}</li>         </ul>         </div> 
       {/for}                    </div>我在页面中怎么得不到数据啊，是不是页面模板中的laptops[0]写错了啊？如果不这样写，改怎么写啊，急切等待高手解决啊！！！

Answer 1

laptops是对象的一个属性，或许你可以这样
var o={"laptops" :[{
  "title": "HP AMD PhenomII",
  "detail": "上市时间2010 年 6月,处理器 AMD PhenomII X3 N830(2.1GHz),
  "picture": "laptop_hp_1.jpg",
  "price": "3000",
  "time":"2010年1月"
  }, {
  "title":"HP Intel Core i3",
  "detail": "上市时间2010 年 7月",
  "picture": "laptop_hp_2.jpg",
  "price": "4000",
  "time":"2010年2月"
  }；laptops[0].title 改写成 o.laptops[0].title

Answer 2

var o={
    "laptops" : [
        {
            "title": "HP AMD PhenomII",
            "detail": "上市时间2010 年 6月,处理器 AMD PhenomII X3 N830(2.1GHz),
  "picture": "laptop_hp_1.jpg",
  "price": "3000",
  "time":"2010年1月"
  }, {
  "title":"HP Intel Core i3",
  "detail": "上市时间2010 年 7月",
  "picture": "laptop_hp_2.jpg",
  "price": "4000",
  "time":"2010年2月"
  }；
这样的语句写在hp.json中是错误的啊。

Answer 3

eval("(" + response.responseText + ")").laptops[0].title

Answer 4

{"laptops" :[{
  "title": "HP AMD PhenomII",
  "detail": "上市时间2010 年 6月,处理器 AMD PhenomII X3 N830(2.1GHz),
  "picture": "laptop_hp_1.jpg",
  "price": "3000",
  "time":"2010年1月"
  }, {
  "title":"HP Intel Core i3",
  "detail": "上市时间2010 年 7月",
  "picture": "laptop_hp_2.jpg",
  "price": "4000",
  "time":"2010年2月"
  }
]}//++
//格式不对，少了]}

Answer 5

eval("(" + response.responseText + ")").laptops[0].title。这个写在哪里啊，页面模板部分嘛。如果能够成功的话，我就给分了啊。

Answer 6

替换到${laptops[0].title}还是不行啊，还是在页面得不到js返回来的数据啊。谢谢你一直的回复啊。还能在写的具体些嘛。就是怎样换掉${laptops[0].title}这部分的表达啊。

Answer 7

{"laptops" :[{
  "title": "HP AMD PhenomII",
  "detail": "上市时间2010 年 6月,处理器 AMD PhenomII X3 N830(2.1GHz),
  "picture": "laptop_hp_1.jpg",
  "price": "3000",
  "time":"2010年1月"
  }, {
  "title":"HP Intel Core i3",
  "detail": "上市时间2010 年 7月",
  "picture": "laptop_hp_2.jpg",
  "price": "4000",
  "time":"2010年2月"
  }；
这些数据是后台取出来的吗？是的话可以保存到一个对象变量，和1楼的一样写

Answer 8

通过这个调用，$("#detail_list_container").html(TrimPath.processDOMTemplate("detail_jst",data.laptops[i])后得到的数据是
{
  "title": "HP AMD PhenomII",
  "detail": "上市时间2010 年 6月",
  "picture": "laptop_hp_1.jpg",
  "price": "3000",
  "time": "2010年1月"  
}
而，我想在页面模板中，
  <li class="laptops_list_li_title">${laptops[0].title}</li>
  <li class="laptops_list_li_content">${laptops[0].detail}</li>
  <li class="laptops_list_li_title">${laptops[0].price}</li>
  <li class="laptops_list_li_content">${laptops[0].time}</li>
得到我需要的数据。

Answer 9

我不是使用的Ajax，是使用的timpath 模板。