同步ajax请求不会引起浏览器阻塞

Ajax（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术，通过在后台与服务器进行少量数据交换，Ajax可以使网页实现异步更新，这意味着可以在不影响网页的情况下，与服务器交换数据并更新部分网页内容。

同步Ajax是Ajax的一种形式，它在数据传输过程中会阻塞用户界面，直到数据完全传输完毕，也就是说，当一个同步的Ajax请求正在处理时，用户无法进行任何操作，必须等待请求完成，这种类型的Ajax通常用于对数据的实时性要求较高的场景。

下面是一个使用JavaScript编写的简单的同步Ajax请求示例：

function syncRequest() {
    var request = new XMLHttpRequest();
    request.open('GET', 'https://api.example.com/data', false); // false表示同步请求
    request.send();
    if (request.status == 200) {
        console.log(request.responseText);
    } else {
        console.error('Error: ' + request.status);
    }
}

在这个示例中，我们首先创建了一个新的XMLHttpRequest对象，我们使用open方法初始化一个新的请求，这个方法的第一个参数是请求的类型（'GET'、'POST'等），第二个参数是请求的URL，第三个参数是一个布尔值，表示是否异步执行请求，在这里，我们将其设置为false，表示这是一个同步请求。

我们使用send方法发送请求，这个方法不需要任何参数。

我们检查请求的状态，如果状态码为200，表示请求成功，我们就打印出响应的文本，否则，我们就打印出一个错误消息。

需要注意的是，由于同步Ajax会阻塞用户界面，因此在大多数情况下，我们更倾向于使用异步Ajax，异步Ajax允许我们在等待服务器响应的同时，执行其他任务，这可以提高用户体验，并提高网页的性能。

异步Ajax的基本用法与同步Ajax类似，主要的区别在于我们需要设置XMLHttpRequest对象的async属性为true，并在请求完成后调用一个回调函数来处理响应。

function asyncRequest() {
    var request = new XMLHttpRequest();
    request.open('GET', 'https://api.example.com/data', true); // true表示异步请求
    request.onreadystatechange = function () {
        if (request.readyState == 4 && request.status == 200) {
            console.log(request.responseText);
        } else if (request.readyState == 4) {
            console.error('Error: ' + request.status);
        }
    };
    request.send();
}

在这个示例中，我们首先创建了一个新的XMLHttpRequest对象，并初始化一个新的请求，我们设置onreadystatechange属性为一个函数，这个函数会在请求的状态改变时被调用，当readyState属性为4（表示请求已完成）并且status属性为200（表示请求成功）时，我们就打印出响应的文本，否则，我们就打印出一个错误消息，我们发送请求。