Javascript 需要实现html按钮来访问REST get资源
对于REST和web应用程序来说是相当新的，并且希望创建一个带有按钮和结果显示位置的前端站点 我的REST API结构如下： 浏览时返回一个值 现在我想实现一个GUI，这样当您浏览到c:\resourcebutton.html时 将有一个按钮，当我单击它时，它将调用RESTAPI资源并返回结果。如果我正确理解REST，它应该是这样工作的 我有一个html代码：Javascript 需要实现html按钮来访问REST get资源,javascript,html,rest,Javascript,Html,Rest,对于REST和web应用程序来说是相当新的，并且希望创建一个带有按钮和结果显示位置的前端站点 我的REST API结构如下： 浏览时返回一个值 现在我想实现一个GUI，这样当您浏览到c:\resourcebutton.html时 将有一个按钮，当我单击它时，它将调用RESTAPI资源并返回结果。如果我正确理解REST，它应该是这样工作的 我有一个html代码： <!DOCTYPE html> <html> <body> <p>Click the
<!DOCTYPE html>
<html>
<body>
<p>Click the button to trigger a function.</p>
<button onclick="myFunction()">Click me</button>
<p id="demo"></p>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World";
}
</script>
</body>
</html>
单击按钮以触发一个函数
点击我
函数myFunction（）{
document.getElementById（“demo”）.innerHTML=“Hello World”；
}
如何以及在何处插入GET方法来调用API？使用Javascript是常见的吗？是的，您必须使用Javascript。事实上，您需要Ajax 为了简化工作，您应该下载JQuery并将其包含到您的站点中，然后使用如下内容：
$.post( "http://hostserver.com/MEApp/MEService", function( data ) {
document.getElementById("demo").innerHTML = data;
//Or, in the JQuery-way:
$('#demo').html(data);
});
<!DOCTYPE html>
<html>
<head>
<script src="the/Path/To/The/Downloaded/JQuery.js"></script>
<script>
//Usually, you put script-tags into the head
function myFunction() {
//This performs a POST-Request.
//Use "$.get();" in order to perform a GET-Request (you have to take a look in the rest-API-documentation, if you're unsure what you need)
//The Browser downloads the webpage from the given url, and returns the data.
$.post( "http://hostserver.com/MEApp/MEService", function( data ) {
//As soon as the browser finished downloading, this function is called.
$('#demo').html(data);
});
}
</script>
</head>
<body>
<p>Click the button to trigger a function.</p>
<button onclick="myFunction()">Click me</button>
<p id="demo"></p>
</body>
</html>
$.post( "http://hostserver.com/MEApp/MEService", function( data ) {
document.getElementById("demo").innerHTML = data;
//Or, in the JQuery-way:
$('#demo').html(data);
});
<!DOCTYPE html>
<html>
<head>
<script src="the/Path/To/The/Downloaded/JQuery.js"></script>
<script>
//Usually, you put script-tags into the head
function myFunction() {
//This performs a POST-Request.
//Use "$.get();" in order to perform a GET-Request (you have to take a look in the rest-API-documentation, if you're unsure what you need)
//The Browser downloads the webpage from the given url, and returns the data.
$.post( "http://hostserver.com/MEApp/MEService", function( data ) {
//As soon as the browser finished downloading, this function is called.
$('#demo').html(data);
});
}
</script>
</head>
<body>
<p>Click the button to trigger a function.</p>
<button onclick="myFunction()">Click me</button>
<p id="demo"></p>
</body>
</html>
//通常，您会将脚本标记放入头部
函数myFunction（）{
//这将执行POST请求。
//使用“$.get（）；”执行get请求（如果不确定需要什么，必须查看rest API文档）
//浏览器从给定的url下载网页，并返回数据。
$.post（”http://hostserver.com/MEApp/MEService，函数（数据）{
//一旦浏览器完成下载，就会调用此函数。
$（'#demo'）.html（数据）；
});
}
单击按钮以触发一个函数
点击我
Ajax