ajax 提交后更新 javascript 的所有网址总密钥

Question

购物车包含 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>

为了在浏览器购物车中正确缓存当前值 total=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)

如何更新页面中带有 response.Total 的元素总键数？

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

Answer 1

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

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 并给它一些 select 或以便它可以 select 所有这些 link 并使用新的总值调用此方法。

ajax 提交后更新 javascript 的所有网址总密钥

update all urls total key from javascript after ajax submit

javascript

jquery

ajax

asp.net-mvc-4

ajaxform