我创建了一个 REST 服务,它根据发出的请求从数据库检索数据并返回 JSON 格式。
现在,我需要创建一个带有按钮的 HTML 页面,单击该按钮后,应该从服务获取适当的数据。我了解到这可以通过ajax来完成。但我不知道该怎么做。
该服务使用 Spring Framework 和 Apache CXF,并从 Mysql 数据库检索数据(如果有的话)。
我添加来创建我的客户端的代码:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#driver").click(function(event){
$.getJSON('http://localhost:8080/CxfRestService/rest/employeeservices/getList');
});
});
});
</script>
</head>
<body>
<input type="button" id="driver" value="Get Employee Data" />
</body>
我是否需要将我的 HTML 页面放入我的 Java 项目中并在我的项目中添加相关配置web.xml
/beans.xml
或者其他的东西?
那么,您的服务所做的就是响应 HTTP 请求。所以,你需要发送一个 - 或者
- 引导浏览器移动到相应的 URL (
document.location.href = <url>
), or
- send an
XMLHTTPRequest
(aka AJAX) and parse the result, for which JQuery has built-in functionality https://learn.jquery.com/ajax/.
- 然后编辑当前加载的页面以使用 DOM 以您喜欢的方式包含结果(请参见例如Google 上的“jquery 教程编辑 DOM” https://www.google.com/search?q=jquery%20tutorial%20editing%20DOM为了那个原因)
- 参见例如AJAX 简介 - W3Schools http://www.w3schools.com/Ajax/ajax_intro.asp了解 AJAX 概述。它描述了在普通 JS 中这是如何发生的,
jquery.ajax
是一个方便的包装。
您不需要以任何方式将客户端内容与 Java 项目连接起来 - REST 是专门为允许它们独立而设计的。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)