1

我已经发布了一个关于它的问题，但我已经弄清楚了确切的问题。现在，我需要一个解决方案:)

这是我的代码：

$('input[type="text"][name="appLink"]').unbind('keyup').unbind('ajax').keyup(function() {

    var iTunesURL = $(this).val();
    var iTunesAppID = $('input[name="iTunesAppID"]').val();

    $.ajax({
        type: 'POST',
        url: jsonURL,
        dataType: 'json',
        cache: false,
        timeout: 20000,
        data: { a: 'checkiTunesURL', iTunesURL: iTunesURL, iTunesAppID: iTunesAppID },
        success: function(data) {
            if (!data.error) {
                $('section.submit').fadeOut('slow');
                //Modifying Submit Page
                setTimeout(function() {
                    $('input[name="appLink"]').val(data.trackViewUrl);
                    $('div.appimage > img').attr('src', data.artworkUrl512).attr('alt', data.trackName);
                    $('div.title > p:nth-child(1)').html(data.trackName);
                    $('div.title > p:nth-child(2)').html('by '+data.sellerName);
                    $('span.mod-category').html(data.primaryGenreName);
                    $('span.mod-size').html(data.fileSizeBytes);
                    $('span.mod-update').html(data.lastUpdate);
                    $('select[name="version"]').html(data.verSelect);
                    $('input[name="iTunesAppID"]').attr('value', data.trackId);
                }, 600);
                //Showing Submit Page
                $('section.submit').delay('600').fadeIn('slow');
            } else {
                $('.json-response').html(data.message).fadeIn('slow');
            }
        },
        error: function(jqXHR, textStatus, errorThrown) {
            //$('.json-response').html('Probléma történt! Kérlek próbáld újra később! (HTTP Error: '+errorThrown+' | Error Message: '+textStatus+')').fadeIn('slow');
            $('.json-response').html('Something went wrong! Please check your network connection!').fadeIn('slow');
        }
    });
});

问题及解释：

每次触发一个键时，它都会加载这个 ajax。如果我的 JSON 文件找到 akeyword它会返回error = false标志。你看，如果它发生，它会加载效果，改变等等......

问题是，例如，当您开始键入时，asdasdasd然后我粘贴/写入，keyword将会有一些仍在处理的 ajax 查询。这些正在修改和加载淡入效果 X 次。

所以我需要一个解决方案来停止处理 ajax 请求，同时按下另一个键！

在此先感谢，马塞尔

4

2 回答 2

1

就我个人而言，我会让脚本等待，这样它就不会在每个键位上触发。其实我可能会使用http://jqueryui.com/autocomplete/

但是您可以在重试之前中止 ajax。

...
var iTunesAppID = $('input[name="iTunesAppID"]').val();

if (typeof req!='undefined' && req!=null) req.abort();
req = $.ajax({
...
于 2013-02-10T14:05:18.187 回答
1

尝试将选项添加async: false到您的 ajax 这将阻止任何其他调用，直到当前调用完成。

于 2013-02-10T20:09:22.193 回答