即使重新加载页面后,jQuery也能处理Ajax超时?

时间:2019-01-23 16:16:11

标签: javascript ajax

Ajax请求缓存了1分钟。这意味着在此期间重新加载页面时,不应再发出其他请求。

正确的方法是:

  • 加载第一页后,将Ajax超时设置为1分钟。
  • 如果用户在那一分钟之前重新加载页面,则ajax的值应保持不变。

准备好文档的Ajax-

    $.ajax({
     type: "GET",
     dataType: 'json',
     url:"",
     cache: true, //It must "true" if you want to cache else "false"
     //async: false,
     success: function (data) {
        var resData = JSON.stringify(data.items);
        var items = JSON.parse(resData);
        console.log(data.totalItems);

    $('button.cart').append('<span class="cart-info">' +data.totalItems+ ' Items in your cart ' + '<span class="totalPrice-cart">€' + data.totalPrice + '</span></span>');
        $.each(items,function(i,v){
             console.log(v.name);
              console.log(v);
             $('ul.dropdown-cart').prepend(
                '<li>'+
                    '<div class="item">'+
                        '<div class="item-left">' +
                            '<img src="'+ v.imgSrc +'" style="width:100%; height:auto;" alt="">' +
                        '</div>' +
                        '<div class="item-middle">' +
                            '<div class="cart-title text-uppercase">'+ v.name + '</div>' +
                            '<div class="cart-price">'+ v.qty + ' x € ' + v.price + '</div>' +
                        '</div>' +
                        '<div class="item-right">' +
                            '<button class="cart-delete "><img src="../public/img/web/Delete.png" alt=""></button>' +
                        '</div>' +
                    '</div>'+
                '</li>'

                );


         });
    },
    error: function (xhr, textStatus, error) {
    alert("Error Happened!");
    }
    });

0 个答案:

没有答案