jquery - 即收到相同的ajax响应

Question

我有一个 Ajax 搜索，可以在您键入时进行过滤。它在 Chrome 和 Firefox 中运行良好。然而，无论您发送什么数据，IE 总是返回相同的响应。这是为什么？下面是代码:

var cardSearch = $('<div>').addClass('card_search').appendTo($('body')).hide().css({'position': 'absolute', 'width': '350px', 'height': '300px', 'background': '#D5D5D5', 'padding': '10px'}).append(
    $('<div>').css({'background': 'whiteSmoke', 'padding': '5px', 'height': '290px', 'position': 'relative'}).append(
        $('<input>').css('width', '250px').bind('keyup', function(e){
            $.post('http://api.redemptionconnect.com/cards/find/?a=' + Math.random(), {data: {title: $(this).val(), limit: 10, page: 1}}, function(r){
                $('ul', cardSearch).empty();
                for( var i = 0; i < r.data[0].length; i++ )
                    $('ul', cardSearch).append(
                        $('<li>').append(
                            $('<a>').attr('href', 'javascript:void(0)').html(r.data[0][i].Card.title + ' (' + r.data[0][i].CardSet.abbreviation + ')').attr('card_id', r.data[0][i].Card.id).mouseover(function(){showCardTooltip(this);})
                        ).css({'padding': '5px', 'border-bottom': '1px solid #ccc'})
                    );
            }, 'json'); 
        }),
        $('<button>').html('Search').css({'width': '70px', 'margin-left': '10px'}),
        $('<hr>').css('margin-bottom', 0),
        $('<ul>').css({
            'list-style-type': 'none',
            'margin': 0,
            'padding': 0,
            'width': '100%'
        })
    )
);

在chrome和firefox中，输出是正确的。在 IE 中，无论您输入什么内容，输出始终相同。我不确定还包括什么。你可以看到它在 http://redforum.blackfireweb.com 工作。然后单击“搜索卡”菜单按钮。

Answer 1

IE 在 AJAX 请求缓存方面可能相当严厉。如果你在 jQuery 的 .ajax 对象中设置cache: false，它会将自己的缓存清除查询字符串附加到 url 中:

$.ajax({ cache: false })

将其添加到您的 $.post() 上方并删除您自己的，看看是否会有所不同。