Spring国际认证指南|使用JQuery 使用 RESTful Web 服务

你将建造什么

您将构建一个使用基于 Spring 的国际 RESTful Web 服务的 jQuery 客户端。具体来说,认证客户端将使用在使用 CORS 构建 RESTful Web 服务中创建的指南服务。

将通过index.html在浏览器中打开文件来访问 jQuery 客户端,使用使用并将在以下位置使用接受请求的服务服务:

http://rest-service.guides.spring.io/greeting。

该服务将以JSON表示的国际问候进行响应:

{"id":1,"content":"Hello, World!"}复制

jQuery 客户端会将 ID 和内容呈现到 DOM 中。

你需要什么约15分钟。认证最喜欢的指南文本编辑器。现代网络浏览器。使用使用互联网连接。服务创建一个 jQuery 控制器

首先,国际您将创建将使用 REST 服务的认证 jQuery 控制器模块:

public/hello.js:

$(document).ready(function() {

$.ajax({

url: "http://rest-service.guides.spring.io/greeting"

}).then(function(data) {

$(.greeting-id).append(data.id);

$(.greeting-content).append(data.content);

});

});复制

此控制器模块表示为一个简单的 JavaScript 函数。它使用 jQuery 的指南方法来使用

http://rest-service.guides.spring.io/greeting$.ajax()上的 REST 服务。如果成功,使用使用它会将接收到的网站模板服务 JSON 分配给,从而有效地使其成为模型对象。和然后分别附加到和DOM 元素。

dataGreetingidcontentgreeting-idgreeting-content。

注意 jQuery 承诺的使用.then()。这指示 jQuery 在方法完成时执行匿名函数,并从完成的 AJAX 请求中$.ajax()传递结果。data

创建应用程序页面

现在您有了一个 jQuery 控制器,您将创建 HTML 页面,将客户端加载到用户的 Web 浏览器中:

public/index.html:

Hello jQuery

The ID is

The content is

</html>复制

请注意该部分中的以下两个脚本标记<head>。

<script src="hello.js"></script>复制

第一个脚本标签从内容交付网络 (CDN) 加载缩小的 jQuery 库 (jquery.min.js),这样您就不必下载 jQuery 并将其放置在您的项目中。它还从应用程序的路径加载控制器代码 (hello.js)。

另请注意,<p> 标签包括class属性。

The ID is

<p class="greeting-content">The content is </p>复制

这些class属性帮助 jQuery 引用 HTML 元素并使用从 REST 服务接收到的 JSON的服务器托管值id和属性更新文本。content。

运行客户端

要运行客户端,您需要将它从 Web 服务器提供到浏览器。Spring Boot CLI(命令行界面)包括一个嵌入式 Tomcat 服务器,它提供了一种简单的方法来提供 Web 内容。有关安装和使用 CLI 的更多信息,请参阅使用 Spring Boot 构建应用程序。

为了从 Spring Boot 的嵌入式 Tomcat 服务器提供静态内容,您还需要创建最少量的 Web 应用程序代码,以便 Spring Boot 知道启动 Tomcat。以下app.groovy脚本足以让 Spring Boot 知道您要运行 Tomcat:

app.groovy:

@Controller class JsApp { }复制

您现在可以使用 Spring Boot CLI 运行该应用程序:

春季运行 app.groovy

应用程序启动后,在浏览器中打开http://localhost:8080 ,您会在其中看到:

每次刷新页面时,ID 值都会增加。

概括

恭喜!您刚刚开发了一个使用基于 Spring 的 RESTful Web 服务的 jQuery 客户端。

人工智能
上一篇:探索Papago手环的功能与使用体验(了解Papago手环的特点及其适用范围)
下一篇:(只有背景,没有菜单栏问题没有解决)Virtual Network Computing(VNC)是进行远程桌面控制的一个软件。客户端的键盘输入和鼠标操作通过网络传输到远程服务器,控制服务器的操作。服务器的图形界面 通过网络传输会客户端显示给用户。给你的感觉就像直接在操作本地计算机一样,只是所有的程序和命令都是在服务器端执行。1、打开一个Terminal,安装vnc4serversudo apt-get install vnc4server2、接着安装 sudo apt-get install gnome-panel3、启动vnc4server,输入vnc4server此时系统会提示你输入密码,在通过客户端链接时将会用到这个密码。    输入完密码后你将看到类似下边的提示:这里你就可以看到了新创建了一个桌面 为ubuntu:1这个作为后台连服务器用4.编辑启动脚步vim /home/用户名/.vnc/xstartup5.重启VNC服务vncserver -kill :1  然后再启动vnc服务输入vnc4server6.在window下打开vnc客户端输入 服务器IP+:1:7.点击确定,输入在服务端的密码8.成功登录PS:在这里顺便介绍一款window下操作linux类似FTP工具winscp,从window上拉取某个文件到linux下,直接拉取到对应的文件夹就达到了上传效果+++++++++++++++++++附贴xrdp的方法++++++++++++++打开终端:依次安装sudoapt-get install xrdpsudoapt-get install vnc4server tightvncserver安装完毕以后,执行以下命令(该命令的作用是由于安装了 gnome桌面,ubuntu12.04中同时存在unity、GNOME多个桌面管理器,需要启动的时候指定一个,不然即使远程登录验证成功以后,也只是背景,其他什么也没有)cd /home/youruser(youruser 是每个人自己的用户名)sudo /etc/init.d/xrdp restart3、运行Windows的mstsc