在javascript中显示PHP对象数据

时间:2015-06-10 17:34:39

标签: javascript php jquery bootbox

我知道到目前为止有很多问题要求PHP和JS一起工作......我经历过这些问题,但是我找不到一个优雅的解决方案来解决我的用例。

我目前拥有的是在我的网页中使用PHP代码来获取产品信息并显示它:

<?php
  $p= new Product($prodId);
  $p->getProductInfo();

  //now show product info...
  echo "<div>Product Name: ".$p['productName']."</div>";
  echo "<div>Product Rating: ".$p['productRating']."</div>";
  //etc...
?>

现在我被要求做的不是直接在页面中显示这些数据,我只应在点击按钮时显示它。我应该在bootbox modal dialog box

中显示它

所以我做了:

<span id='prod-details'> View Product Details </span>
<input type='hidden' id ='prod-id' value='<?php echo $p['productId'];?>'>

在我的jquery文件中,我有:

$('#prod-details').click(function(
   var prodId = $('#prod-id').val();
   productDetail = "Product Details for "+prodId;

   //how do I get rest of product details from PHP object?

   bootbox.alert(productDetail);
));

非常感谢任何帮助......我一直在努力使这项工作成功。

2 个答案:

答案 0 :(得分:3)

我通常做的是回显bootbox模态div中的信息,然后使用onClick函数隐藏/显示bootbox模态div

答案 1 :(得分:0)

你可以把它放在你的html文件中:

<input type='hidden' id ='prod-id' value='<?php echo $p['productId'];?>' productName='<?php echo $p['productName'];?>'>

或者与您对产品ID完全一样,只需将您需要的所有数据放入输入div(或任何与该产品相关的div)中

var prodName = $('#prod-id').attr('productName');

然后使用jquery获取数据,就像你得到了id

"http://www.example.com/A?index.html/pd=1234567".match( /\d+/ );