38、前端开发中的Ajax请求、历史管理、脚本优化与单元测试

前端开发中的Ajax请求、历史管理、脚本优化与单元测试

1. Ajax请求的处理方式

在前端开发中，Ajax请求是实现页面异步更新的重要手段。下面介绍几种不同的Ajax请求处理方式。

1.1 普通Ajax请求

第一个按钮触发普通的Ajax请求，会发送十个请求，每个请求带有其在序列中的编号。 server.php 脚本通过在返回响应之前随机休眠一段时间来模拟负载中的服务器。当响应到达时，会将其追加到 #response 段落的内容中。代码如下：

$('#queued-requests').click(function() {
    $('#response').empty();
    $.each([1,2,3,4,5,6,7,8,9,10], function() {
        $.ajaxQueue({url: 'server.php',
            data: { data: this },
            success: function(data) { $('#response').append(data); }
        });
    });
    $.dequeue( $.ajaxQueue, "ajax" );
    return false;
});

操作步骤：
1. 点击 #queued-requests 按钮。
2. 清空 #response 段落的