html调用http接口
时间: 2023-11-19 09:07:09 浏览: 34
要在 HTML 中调用 HTTP 接口,可以使用 JavaScript 和 Ajax 技术。以下是一个简单的示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>调用 HTTP 接口</title>
</head>
<body>
<button onclick="callAPI()">调用接口</button>
<div id="result"></div>
<script>
function callAPI() {
const xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
document.getElementById("result").innerHTML = this.responseText;
}
};
xhr.open("GET", "http://example.com/api");
xhr.send();
}
</script>
</body>
</html>
```
在这个例子中,我们在页面中添加了一个按钮和一个用于显示结果的 `div` 元素。当用户点击按钮时,`callAPI()` 函数会被调用。该函数使用 `XMLHttpRequest` 对象向指定的 URL 发送 GET 请求,并在响应返回后将结果显示在页面上。
需要注意的是,在实际应用中,可能需要考虑跨域请求和安全性问题。