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


JQuery - Orderform, auto update prices, storing information

我使用Wordpress作为本网站的CMS。 基本上,该网站具有不同类别的产品。 产品存储为称为"产品"的自定义帖子类型

在前端,将有一个订单。 我想弄清楚的是:客户希望即时更新"订单总数"。 因此,如果用户为特定产品输入"5",它将在击键后更新该总数。

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

产品:洗涤和蜡

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

因此,如果产品"洗涤和打蜡"有一个文本<input>,下面是具有相应radio buttons的类别,并且用户选择"全面服务",该产品可能是 10 美元,或者"Once Over"可能是该产品的 7 美元,我试图弄清楚:

从后端提取数据的最佳方法是什么,

将其存储在某种JQuery可访问的对象/数组中,

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

目前,价格以每产品为基础存储在数据库中。 因此,产品"Wash & Wax"(全面服务)在DB中是一行,有自己的价格,而"Wash & Wax"(一旦结束)是DB中的单独产品,有自己的价格。

编辑:

如果问题太具体,我真正要问的是:提取MySQL数据的最佳方法是什么,以便在动态上下文中使用(例如使用JQuery更新价格总额),以及将HTML输入与获取的数据链接的最佳方法是什么?

我决定让一切变得更简单。 我摆脱了作为前端等式一部分的类别。 我刚刚从数据库中提取了所有产品以及它们独特的蛞蝓和价格。 阵列的设置简单如下:

$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()任何不具有这些类的内容

最后,为了让数组进入jQuery,我只是Json_encoded(它:

<script type="text/javascript"> var products = <?php echo json_encode($products) ?>;</script>