要实现Ajax返回带有期望输出的HTML代码,可以使用以下步骤:
function getHtml() {
// 创建一个XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 设置请求的方法和URL
xhr.open('GET', 'your_api_url', true);
// 设置请求完成后的回调函数
xhr.onload = function() {
if (xhr.status === 200) {
// 在回调函数中处理返回的HTML代码
var html = xhr.responseText;
// 将返回的HTML代码插入到页面中的某个元素中
document.getElementById('output').innerHTML = html;
}
};
// 发送Ajax请求
xhr.send();
}
getHtml();
这样,当调用getHtml()
函数时,它会发送Ajax请求到指定的API URL,并将返回的HTML代码插入到页面中ID为output
的元素中。