javascript - ajax提交后从javascript更新所有url总键

标签 javascript jquery ajax asp.net-mvc-4 ajaxform

购物车包含总键类似于的网址

 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 会添加到每个网址。

它还包含添加到购物车表单,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

最佳答案

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

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);
      }
   });
}

您需要修改链接选择器并给它一些选择器,以便它可以选择所有此类链接并使用新的总值调用此方法。

关于javascript - ajax提交后从javascript更新所有url总键,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34634927/

相关文章:

javascript - 如果 JavaScript 中 if block 返回,还需要 else 吗?

javascript - jQuery/post() : the URL called is not what I expected

javascript - JQuery AJAX 脚本不保存

javascript - 使用 jquery dataTable 删除 html 表格行时遇到问题

javascript - 关于学习网络编程

javascript - 使用 Angular、Javascript 从表单字段(电子邮件、密码)获取和存储数据,无需用户单击按钮

javascript - 如何仅使用 jsdoc 在 webstorm 中记录类型?

javascript - 隐藏和显示 : issue while loading a page

jquery - 加号/减号切换而不是文本

javascript - 在 javascript 函数中获取 ruby​​ 数组的每个 i 元素(转义和取消转义)?