Javascript 单击时刷新按钮

Javascript 单击时刷新按钮,javascript,jquery,smarty,Javascript,Jquery,Smarty,我有一个按钮,我想重新加载点击。但是只有按钮应该重新加载,而不是页面的其余部分 按钮如下所示: <a href="{$module_data.GM_PRODUCTS_BUTTON_BUY_NOW_URL}" id="click{php}echo ''.$counter.'';{/php}" class="addcart button_green button_set action_add_to_cart"{if $module_data.PRODUCTS_NAME != ''} title

我有一个按钮,我想重新加载点击。但是只有按钮应该重新加载,而不是页面的其余部分

按钮如下所示:

<a href="{$module_data.GM_PRODUCTS_BUTTON_BUY_NOW_URL}" id="click{php}echo ''.$counter.'';{/php}" class="addcart button_green button_set action_add_to_cart"{if $module_data.PRODUCTS_NAME != ''} title="{$module_data.PRODUCTS_NAME|replace:'"':'&quot;'} {$txt.text_buy}"{/if}
onclick="return checkAddToCart(event, '{$module_data.QTY_DATA.ID}', {$product_stock}, {$product_max_order}, {$module_data.PRODUCTS_ID}, {php}echo $row['customers_basket_quantity']{/php}, {php}echo "'click".$counter."'";{/php});">
    <span class="button-outer">
        <span class="button-inner">{$button.add_to_cart}</span>
    </span>
</a>

它不起作用,我完全不知道为什么。顺便说一句,我的系统与SMARTY tpl配合使用。

如果你想在点击按钮时运行php脚本,你需要学习ajax。Ajax只是使用javascript的一种简单方法,可以在后台运行页面,而无需重新加载当前页面

<span class="button-outer" onClick="addDataToDB(this);">...</span>
<script>
function addDataToDB(el) {
   var elem = $(el);
   /* GET ALL YOUR DATA*/
   var name = ...

   /* Create an AJAX request to your phpfunction */
}
</script>
。。。
函数addDataToDB(el){
var elem=$(el);
/*获取所有数据*/
变量名=。。。
/*创建对phpfunction的AJAX请求*/
}

查看youtube上的一些教程。

您在控制台中看到任何错误吗?
console.log(事件、tid、库存、maxallowed、pid、pquantity、clickid)的输出是什么?该函数是否被触发?输出为:(事件'gm_attr_calc_qty_38',883,8,38',click1')“click1”前的数字仅在您单击按钮一次后显示。这就是为什么我想在单击时重新加载它。每次点击这个数字(你在购物车中得到的数量)都必须在那里更新。控制台中没有错误,但它没有重新加载,而是显示了一个页面,其中有一个奇怪的小图标在移动。真奇怪。
<span class="button-outer" onClick="addDataToDB(this);">...</span>
<script>
function addDataToDB(el) {
   var elem = $(el);
   /* GET ALL YOUR DATA*/
   var name = ...

   /* Create an AJAX request to your phpfunction */
}
</script>