解决方法1: 使用jQuery的load()方法
$(document).ready(function(){
$('#button').click(function(){
$('#result').load('your_page.html');
});
});
解决方法2: 使用原生的XMLHttpRequest对象
document.getElementById('button').addEventListener('click', function(){
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function(){
if(xhr.readyState === 4 && xhr.status === 200){
document.getElementById('result').innerHTML = xhr.responseText;
}
};
xhr.open('GET', 'your_page.html', true);
xhr.send();
});
解决方法3: 使用fetch API
document.getElementById('button').addEventListener('click', function(){
fetch('your_page.html')
.then(response => response.text())
.then(data => {
document.getElementById('result').innerHTML = data;
});
});
请注意在上述示例中,#button
代表触发Ajax请求的按钮,#result
代表要显示返回完整页面的容器元素,your_page.html
代表要请求的完整页面的URL。