Ajax是一种用于异步加载数据的技术，在前端开发中得到了广泛的应用。其中，async是Ajax中的一个重要概念，它可以控制数据请求的同步与异步。简单来说，异步的请求不会阻塞其他代码的执行，而同步的请求则会阻塞其他代码的执行，直到请求完成。本文将详细介绍async的作用，并通过举例来说明其在实际开发中的应用。

1. 异步请求的作用

// 使用异步请求
function loadDataAsync(){
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function(){
if(xhr.readyState === 4 && xhr.status === 200){
var data = JSON.parse(xhr.responseText);
// 对返回的数据进行处理
}
};
xhr.open('GET', 'data.json', true);
xhr.send();
}

上述代码展示了一个使用异步请求的例子。当调用loadDataAsync()函数时，浏览器会发送一个异步请求，向服务器请求data.json文件。在请求发出后，浏览器会继续执行后续的代码，不会等待请求完成。当服务器返回响应后，在回调函数中会对返回的数据进行处理。这种方式可以在页面加载过程中，无需等待数据请求完成，而继续进行其他操作，提高了用户体验。

2. 同步请求的作用

// 使用同步请求
function loadDataSync(){
var xhr = new XMLHttpRequest();
xhr.open('GET', 'data.json', false);
xhr.send();
if(xhr.readyState === 4 && xhr.status === 200){
var data = JSON.parse(xhr.responseText);
// 对返回的数据进行处理
}
}

与异步请求相比，同步请求会阻塞其他代码的执行，直到请求完成。上述代码展示了一个使用同步请求的例子。当调用loadDataSync()函数时，浏览器会发送一个同步请求，向服务器请求data.json文件。在请求发出后，浏览器会等待请求完成，只有在完成后才会执行后续的代码。这种方式适用于需要在数据请求完成后，再进行后续操作的场景。但是需要注意的是，同步请求可能会造成页面卡顿，降低用户体验。

3. 异步请求与同步请求的对比

异步请求是一种非阻塞的方式，可以提高页面的响应速度，增加用户的交互体验。而同步请求是一种阻塞的方式，需要等待请求的完成才能继续执行后续的操作。下面通过具体的例子来对比这两种请求的效果。

// 异步请求
console.log('Start');
loadDataAsync();
console.log('End');

// 同步请求
console.log('Start');
loadDataSync();
console.log('End');

假设loadDataAsync()和loadDataSync()分别是异步和同步请求的函数，上述代码展示了在使用异步请求和同步请求时，打印'Start'和'End'的结果。在使用异步请求时，'Start'和'End'会立即被打印，而在请求完成后，会触发回调函数中对数据的处理。而在使用同步请求时，代码会等待请求完成后，才会打印'End'。这个例子直观地展示了异步请求与同步请求的差异。

结论

async在Ajax中的作用主要是控制请求的同步与异步，从而影响代码的执行顺序。异步请求适合在页面加载过程中进行数据请求，不会阻塞其他代码的执行，提高了用户体验。而同步请求适合在操作依赖于数据请求完成后的场景，但可能会造成页面卡顿。因此，在实际开发中需要根据具体的需求选择适合的请求方式。