JQuery - Orderform,自动更新价格,存储信息

时间:2012-05-30 04:59:00

标签: php jquery wordpress

我使用Wordpress作为本网站的CMS。基本上该网站的产品属于不同类别。产品存储为名为“产品”的自定义帖子类型

在前端,会有一个订单。我想弄清楚的是:客户希望动态更新“订单总数”。因此,如果用户为特定产品键入“5”,则会在击键后更新该总数。

此外,产品/服务可能属于不同的类别,这会影响价格。例如

产品:洗涤&蜡

分类:全方位服务|一旦结束

如果产品'Wash&amp; Wax'有一个文字<input>,下面是那些带有相应radio buttons的类别,用户选择'Full Service',该产品可能是10美元,或者'Once Over'可能是$ 7对于那个产品,我想弄明白:

最好的方法是从后端提取数据,

将其存储在某种JQuery可访问的Object / Array中,

让产品输入从该数据集中访问相应的价格

目前,价格存储在数据库中的PER PRODUCT基础上。那么产品'Wash&amp;蜡(全面服务)是DB中的一行,有自己的价格,'Wash&amp; Wax'(一旦结束)是DB中的一个独立产品,具有自己的价格。

编辑:

如果问题太具体了,我真正要问的是:什么是拉动MySQL数据的最佳方式,用于动态上下文(比如用JQuery更新价格总计),以及最好的方法来链接HTML输入获取数据?

1 个答案:

答案 0 :(得分:0)

我决定让一切变得更简单。我摆脱了作为前端方程式一部分的类别。我刚从数据库中提取了所有产品以及他们独特的Slug和Price。该数组的设置简单如下:

$products = array(
     'the-unique-slug' => array(
          'id' => $id,
          'price' => $price,
     'next-unique-slug' => array(
     etc......

这样,即使类别发生变化,Slug也将始终相同且唯一。

接下来,我决定显示所有单独的文字<inputs>以获取特定产品的变体。我隐藏了所有这些,除了使用jQuery。然后我把类别放在类中:

<input type='text' class='raw standard product-input' name='photo-prints-1' />
<input type='text' class='direct standard product-input' name='photo-prints-2' />
etc..

因此,当用户更改为“标准”单选按钮和“原始”单选按钮时,JQuery只需show()拥有这些类的<inputs>,以及hide()任何不具有这些类的Json_encoded(

最后,为了让数组进入jQuery,我只是<script type="text/javascript"> var products = <?php echo json_encode($products) ?>;</script> ):

{{1}}