是否可以组合javascript / jquery和mysql / php

时间:2016-05-08 23:52:13

标签: javascript php jquery mysql

我有一个奇怪的问题,我找不到答案,这可能意味着它是不可能的。我问的原因是我正在创建一个送餐网站。在我的网站的管理面板中,管理员可以输入餐厅的详细信息和菜单。部分细节是客户在结账前必须花多少钱。所以我希望能够取消结帐按钮,但当他们达到最低订单费用时,按钮会激活。

这是我第一次尝试这样的事情,我已经看了一遍,我只能找到关于如何停用然后在使用javascript或jQuery发生某个事件时激活按钮的帖子或教程我知道我会有从DB获得最低订单费用。 唯一合乎逻辑的答案是将它们结合起来。

我正在尝试实现与this ...

类似的功能

购物

我按照教程执行此操作,它是一个迷你固定购物车,与购物车位于同一页面上。它从product_page.php重定向到shopping_cart.php。 product_page.php上的大多数方面都是动态制作的。

            mysqli_stmt_execute($runn_query);
            while ($get_row = mysqli_fetch_array($runn_query)) {
            echo "<div id='prods_ere'>";
                $item_sub = $get_row['Product_Price'] * $value;
                echo $value . ' x ' .$get_row['Product_Name']. ' @ &pound;' . $get_row['Product_Price'] . '<a id="minus" class="buttons" href="Shopping_cart.php?remove=' . $Product_Id . '">-</a>  <a id="plus" class="buttons" href="Shopping_cart.php?add_item=' . $Product_Id . '"> + </a>  <a id="del" class="buttons" href="Shopping_cart.php?delete=' . $Product_Id . '">&#10006;</a> </br><p id="sub">&pound;' . $item_sub . '</p>';
                echo "<br>";
                echo "<br>";
                echo "<hr id='shopp_dashed'>";
                echo "</div>";
            }
        }
        //creating subtotal
        $sub_total += $item_sub;
        $num_items += $value;
        $total += $sub_total;
    }
}

//subtotal and empty cart message
if ($sub_total == 0) {
    echo "Ouch.. its empty in here";
} else {
    echo "<div id='grey'>";
    echo"Subtotal (excl delivery)";
    echo "<br/>";
    echo "<div id='sub_t'>";
    echo '&pound;' . number_format($sub_total, 2);
    echo "</div>";
    echo "<br/>";
    echo"Items";
    echo "<br/>";
    echo "$num_items";
    echo "<br/>";
    echo "</div>";


    echo "<div id='total'>";
    echo"Total: &nbsp;";
    echo "$total";
    echo "</div>";

    }

产品页面

        <div id="prods_here">
            <!-- PLACE PRODUCTS HERE-->
        <?php cart(); ?>  
        </div>

2 个答案:

答案 0 :(得分:1)

嗯,我不确定你是如何跟踪客户的订单但是让我们说你在柜台上跟踪它,比方说, totalOrderAmt。当他们对订单进行更改时,请保持更新并向页面添加条件,当totalOrderAmt&gt; = checkOutAmt时,启用checkOut按钮。

如果您发布一些代码,我可以添加更多详细信息。

答案 1 :(得分:1)

如果你正在使用PHP,你可以在每个餐馆页面上加载一个JavaScript对象,它基本上可以在DOM上提供minimum_order_price变量,以便JavaScript处理其余部分:

<html>
<head>
  ...
</head>
<body>
  <h1>Restaurant X</h1>
  <p>Minimum order: <span id="_restaurantMinimumOrder"></span></p>
  <input id="submit" type="submit" class="disabled" value="Checkout" disabled>

  <script type="text/javascript">
  <?php
    echo "window.RestaurantDetails = {}";
    echo "window.RestaurantDetails.minimum = $RestaurantMinimumOrder";
  ?>
  </script>
</body>
</html>

在这种情况下,$RestaurantMinimumOrder是您在PHP上配置和设置的东西(我不确定您的设置是什么,所以我使用变量名称)。从那里,当从服务器解析页面时,PHP将回显那个JavaScript。页面加载后,window.RestaurantDetails将可供您使用的其余JavaScript。我还提供了一个示例实现:

<script type="text/javascript">
  // set price on the DOM
  var priceEl = document.getElementById('_restaurantMinimumOrder');
  priceEl.textContent = window.RestaurantDetails.minimum;

  // ensure submit button is disabled initially
  var submitEl = document.getElementById('submit');
  submitEl.disabled = true;
</script>

从这里开始,如果你正在使用jQuery,你可以根据你设置的逻辑流程轻松调整提交按钮的状态。如果您有更多问题,请与我们联系。祝你好运!干杯〜