ajax提交后,更新javascript中的所有url总密钥



购物车包含带有总密钥的URL,如

 Cart value is <span id="cart-status" >1805.32</span>

    <ul>
    <li><a href='/Store/Category/Products?user=ADMIN&total=1805.32'>product1</a></li>
    <li><a href='/Store/Category/Products?user=ADMIN&total=1805.32'>product2</a></li>
    <li><a href='/Store/Category/Products?user=ADMIN&total=1805.32'>product3</a></li>
    </ul>

为了在浏览器购物车中进行正确的缓存,当前值总计=1805.32被添加到每个url。

它还包含添加到购物车表单,whixh使用ajax并且不刷新页面:

    <form class='tdBorder js-addtocart-form' method="post">
     <span>
    <input type='hidden' name="product" value="CAR2" />
    <input class='amount' name="quantity" type="number" value="1" />
    </span>
    <input type="submit" value="Add to cart" class='btn btn-xs btn-success' />
    </form>
    
    
    <script>
        var request;
        $(function () {
            $(".js-addtocart-form").submit(function (event) {
                if (request) {
                    request.abort();
                }
                var $form = $(this);
                var $inputs = $form.find("input, select, button, textarea");
                var serializedData = $form.serialize();
                request = $.post('@Url.Action("AddToCart", "Store")',
                    serializedData, function (response) {
                    $("#cart-status").text(response.Total);
                        var xx = $form[0].quantity;
                      .always(function () {
                          $inputs.prop("disabled", false);
                      });
                return false;
            });
        });

页面中的购物车值使用在Store/AddToCart结果中更新

$("#cart-status").text(response.Total)

如何使用响应更新元素总密钥。第页总计?

Bootstrap 3、jquery、ASP.NET MVC4都使用

您在网页上存储的任何信息都是不可靠的,您不应该信任它。我希望您只是将其用于网页上的某种缓存,如果您的服务器也在使用来自此链接的总值,那么停止,您错了
对于您的回答,您可以通过以下代码修改总参数:

function updateLink(val){
   $("link selector").each(function(i,v){
      var href = $(v).attr("href");
      if(href){
          href = href.replace(/total=[^&]+/,"total="+val);
          $(v).attr("href", href);
      }
   });
}

你需要修改link selector并给它一些选择器,这样它就可以选择所有这样的链接,并用新的总值调用这个方法。

相关内容

  • 没有找到相关文章

最新更新