前端连接到后端

Question

我熟悉各种编程语言，最好是Java。 我正在学习javascript，并且那里有大量资源。 但是我正在努力寻找有关如何连接到Java代码的资源，Java代码随后将返回结果。

例如，我可以编写Java程序以从数据库中提取数据并进行操作/聚合。 假设我要构建一个页面，该页面为用户提供了一些有关如何提取/汇总数据的选项。 我可以轻松地编写一些Java代码来做到这一点，并且通过使用Google谷歌搜索，我应该能够轻松地构建一个向用户提供一些选择的网页。 我不知道该怎么做是如何让javascript执行Java代码（传递参数）并从Java获取要显示的数据。 通过阅读，似乎传递数据的最佳格式应该是JSON，我了解其基本知识，但是我的问题是弄清楚如何从javascript实时调用Java程序以及如何将JSON传递回javascript以使用在页面上。

我意识到这是一个非常普遍的问题，我不是在寻找可以解释这个问题的人，而是有更多指向参考的链接，这些链接可以帮助我开始这样做。 谢谢！

Answer 1

JavaScript在浏览器中运行沙盒，并且不能真正调用用其他语言编写的模块（因为那些模块不会与它一起沙盒）。

实际上，这就是大多数交互式站点的工作方式：服务器模块以对您有用的任何方式（Java，C＃MVC，PHP甚至JavaScript）编写，并在浏览器中使用AJAX调用从JavaScript进行调用。

Answer 2

您可以使用任何语言或框架将Restful Web Service用作后端，例如您可以使用Spring编写Restful服务，然后使用GET ， POST等标准http协议获取和更新数据。

对于后端代码，这是一个链接。

https://spring.io/guides/gs/rest-service/

https://spring.io/understanding/REST

在前端代码中，您可以使用任何库或框架。 可能的选项是jQuery ， AngularJs ， Backbone等。如果您不AngularJs前端技术，则jQuery是更简单的选项。

Answer 3

公平的警告，我不是Java人士，但是无论使用哪种语言，其基本原理都应该相同。 您正在寻找的是AJAX。 AJAX允许您从浏览器与服务器对话并接收回数据。 不知道您到底想做什么，我不能提供太多帮助，但是您应该能够朝着正确的方向前进。

基本上是这样的：

jQuery的：

$.ajax({
  url: "test.java", // your java file here
  context: document.body,
  dataType: "json", // make sure it's you're using JSON
}).done(function() {
  $( this ).addClass( "done" ); 
});

使用Javascript：

与其给您一个骇客的答案，不如查看此Stack post。 很多很棒的信息：

如何在没有jQuery的情况下进行AJAX调用？

在Java中使用AJAX：

这可能会针对您的特定用例提供更多信息：

https://netbeans.org/kb/docs/web/ajax-quickstart.html

希望能为您指明正确的方向。