Question

嗨我有一个购物车，我想自动添加一个表单这个代码似乎有点诀窍只有问题是我必须按F5为它添加金额我是相当新的这个，无法弄清楚在哪里我错了。

<form method="post" action="level3.php" class="jcart" id="foo">
            <fieldset>
                    <input type="hidden" name="jcartToken" value="<?php echo $_SESSION['jcartToken'];?>" />
                    <input type="hidden" name="my-item-id" value="ABC-8" />
                    <input type="hidden" name="my-item-name" value="Level 1" />
                    <input type="hidden" name="my-item-price" value="95.00" />
                    <input type="hidden" name="my-item-url" value="" />

                    <table>
                    <tr>
                    <td width="65%">
                        <strong>Level 1 all for £95</strong>
                    </td>
                    <td width="15%" align="right">
                        £95.00
                    </td>

                    <td>
                            <input type="text" hidden ="true" name="my-item-qty" value="1" size="3" hidden="true" />
                    </td>
                    <td width="20%" align="center">
        <input type="submit" name="my-add-button" id="my-add-button" value="add" class="button" /> 
                    </td>
                    </tr>
                    </table> 
                    <input type="hidden" name="visited" value="" />       
                </fieldset>

这是将金额提交到结账时的表格。

<script>
    $(document).ready(function(){

        //Check if the current URL contains '#' 
        if(document.URL.indexOf("#")==-1)
        {
            url = document.URL+"#";
               location = "#";   

        } else {
            location.reload(true);
               document.getElementById("my-add-button").click();// Simulates button click this has to be in as it links to another piece of java that adds the item to the check out with out this it wont add the item
                document.foo.submit(); // Submits the form without the button   
        }

    });

    </script>

document.getElementById("my-add-button").click();

上面的代码链接到下面的代码，该代码将项目添加到我的知识

$('.jcart').submit(function(e) {
        add($(this));
        e.preventDefault();
    });

提前感谢您提供任何帮助或建议

Answer 1

如果我理解正确，你可以在PHP中增加购物车的某些价值，而不想在不刷新页面的情况下更新页面上的数量。

我做了一点JSFiddle：http://jsfiddle.net/7SbBA/

基本上使用ajax：

$.ajax({
  url: 'example.com',
  data: /* pass product id here */
  success: function(){
     /* update quantity you want */
  }
});

也有一些html改变。

<强>更新

如果您想要在页面加载时更新总值，只需要£<span class='amount'><?php echo $product['quantity'] * $product['price'] ?></span>，并且不需要使用jquery / js。但是，如果你仍然希望动态更新窗口加载，我更新了我的JSFiddle v.2

使用javascript自动将项目添加到购物车中

1 个答案: