js ajax如何请求页面

var xhr = new XMLHttpRequest();

xhr.open('GET', 'your-url.html', true);

xhr.onreadystatechange = function () {
    if (xhr.readyState === 4 && xhr.status === 200) {
        // 请求成功，处理返回的数据
        var response = xhr.responseText;
        console.log(response);
        // 更新页面内容
        document.getElementById('content').innerHTML = response;
    }
};

xhr.send();

fetch('your-url.html')
    .then(response => {
        if (!response.ok) {
            throw new Error('Network response was not ok');
        }
        return response.text();
    })
    .then(data => {
        console.log(data);
        document.getElementById('content').innerHTML = data;
    })
    .catch(error => {
        console.error('There has been a problem with your fetch operation:', error);
    });

$.ajax({
    url: 'your-url.html',
    type: 'GET',
    success: function (data) {
        console.log(data);
        $('#content').html(data);
    },
    error: function (xhr, status, error) {
        console.error('Error:', error);
    }
});