Php 解析JSON响应并将值附加到div_Php_Jquery_Ajax

Php 解析JSON响应并将值附加到div

php jquery ajax

Php 解析JSON响应并将值附加到div,php,jquery,ajax,Php,Jquery,Ajax,我在JSON.parse（response）中有这样的数据：如何将这些值附加到特定的div？解析后，您可以使用.Dot符号使用access属性。或者如果您不喜欢。您使用的点符号如下样本版本 var obj = JSON.parse(response); for(var prop in obj.booking_trip){ var propvalue = obj.booking_trip[prop]; $("div").append(propvalue);

我在

JSON.parse（response）中有这样的数据：
如何将这些值附加到特定的div？
解析后，您可以使用.Dot符号使用access属性。或者如果您不喜欢。您使用的点符号如下
样本版本
 var obj = JSON.parse(response);
    for(var prop in obj.booking_trip){

      var propvalue = obj.booking_trip[prop];
    $("div").append(propvalue);

    }

完整代码
 <body>
   <table>
    <thead>
      <tr>
       <td>Propery</td>
      <td>Value</td>
      </tr>

    </thead>
    <tbody>

    </tbody>
   </table>
   <script type="text/javascript">

  $(function(){

    var json = {
    "booking_trip": {
        "no_of_traveler": "2",
        "pack_stat_date": "02\/20\/2017",
        "pack_final_date": "02\/27\/2017",
        "package_details_id": "273",
        "promo_discount": "",
        "discount": ""
    },
    "price": "5000"


};

var $tbody = $("tbody");
for(var pro in  json.booking_trip ){
 var $row = $("<tr></tr>");
   $row.append($("<td>"+pro+"</td>"));
   $row.append($("<td>"+json.booking_trip[pro]+"</td>"));
   $tbody.append($row);
}

  })
</script>
  </body>


固有性
价值
$（函数（）{
var json={
“预订行程”：{
“没有旅行者”：“2”，
“包装统计日期”：“02\/20\/2017”，
“包装最终日期”：“2017年2月27日”，
“包详细信息”id:“273”，
“促销折扣”：“，
“折扣”：”
},
“价格”：“5000”
};
变量$tbody=$（“tbody”）；
for（json.booking_trip中的var-pro）{
var$row=$（“”）；
$row.append（$（“+pro+”）；
$row.append（$（“”+json.booking_trip[pro]+“”））；
$tbody.append（$row）；
}
})
显示您的html文件，您希望得到什么样的输出？呈现HTML的方法有无数种。我建议您研究如何使用，以及jQuery“no_of_traveler”中的方法：“2”，“打包统计日期：”2017年2月20日”，“打包最终日期：”2017年2月27日”，“打包详细信息id:“273”，“促销折扣：”和“折扣”：“我希望这些数据以表格格式以htmlonly last value price s追加。我需要下面给出的所有数据“no_of_traveler:”2“，”包装统计日期：“02/20/2017”，“包装最终日期：”02/27/2017“，”包装详细信息id:”273“，”促销折扣：“，”折扣：”“我希望这些数据以htmlReason中的表格格式显示，仅添加您有权访问的最后一个值正确的属性。像obj.booking\u旅行一样，我将修改我的上述代码非常感谢Damith Asanka
 <body>
   <table>
    <thead>
      <tr>
       <td>Propery</td>
      <td>Value</td>
      </tr>

    </thead>
    <tbody>

    </tbody>
   </table>
   <script type="text/javascript">

  $(function(){

    var json = {
    "booking_trip": {
        "no_of_traveler": "2",
        "pack_stat_date": "02\/20\/2017",
        "pack_final_date": "02\/27\/2017",
        "package_details_id": "273",
        "promo_discount": "",
        "discount": ""
    },
    "price": "5000"


};

var $tbody = $("tbody");
for(var pro in  json.booking_trip ){
 var $row = $("<tr></tr>");
   $row.append($("<td>"+pro+"</td>"));
   $row.append($("<td>"+json.booking_trip[pro]+"</td>"));
   $tbody.append($row);
}

  })
</script>
  </body>