我有一个 REST API,我在移动应用程序中使用它来将数据注册/存储到 Mongo 数据库中。我现在想在网页上查看数据库中存储的数据。
我知道我基本上已经具备所有功能(我的移动应用程序中使用的登录请求),但我对如何从我的 HTML 页面调用我的 REST 感到很困惑。
是这样的:How to call a REST web service API from Javascript button Handler? ?
我也对应该如何/在何处创建我的 html 页面感到困惑。感谢您的帮助。
谢谢,乔
最佳答案
通常当用户想从服务器获取数据时。客户端需要向服务器发送请求并获得响应。通常程序员会将请求函数与特定元素和 events 绑定(bind)在一起。 .
在这种情况下,您需要将请求函数与表单元素绑定(bind)。因为你没有提到你想要发生哪个事件,所以我无法确切地说出解决方案。
下面的代码是一个简单的代码,当用户输入文本时调用 REST API,并在输入文本下方显示结果
请注意用您的 API 调用替换“URL”。
<!DOCTYPE html>
<html>
<body>
<form>
Keyword:<br>
<input type="text" name="keyword" onkeyup="callREST()"><br>
</form>
<div id="response"></div>
<script>
function callREST() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("response").innerHTML = this.responseText;
}
};
xhttp.open("GET", "URL", true);
xhttp.send();
}
</script>
</body>
</html>
关于javascript - 如何从 HTML 表单调用现有的 REST api?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49085931/