因为现在很多的应用都是ajax的应用，所以在这方面做了些尝试。示例只是在上一篇文章中的示例做了些补充。示例中会用到jquery1.4.4。
新增处理请求类Hello.java
@At("/hello")
@Service
//此标签表示该类是一个服务类，该类处理的请求没有模板文件也就是说没有对应的html文件
public class Hello {
@Get
public Reply<Map<String, String>> hello() {
System.out.println("hello world");
Map<String, String> result = new HashMap<String, String>();
result.put("info", "success");
return Reply.with(result).as(Json.class);
}
}
Reply更多的用法：
请参考：
http://code.google.com/p/google-sitebricks/wiki/RestfulWebServices
修改Example.html文件，修改后文件如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="/js/common/jquery-1.4.4.js"></script>
<script type="text/javascript" src="/js/Example/Example.js"></script>
</head>
<body>
<a href='?appear=${!appear}'>show/hide</a>
@ShowIf(appear)
<span>
${message} from Sitebricks!
</span>
<input type="button" value="hello" onclick="hello()" />
</body>
</html>
新增Example.js
function hello(){
$.ajax({
url : "hello",
dataType: "json",
success : function(data) {
alert(data.info);
}
});
}
至此，最简单的ajax应用完成。
运行后，单击hello按钮就能看到效果了。
分享到：
相关推荐
NervousAjax---自己的Ajax框架NervousAjax---自己的Ajax框架NervousAjax---自己的Ajax框架
【标题】"Google-AJAX-Search-API.rar" 涉及的是谷歌的 AJAX（Asynchronous JavaScript and XML）搜索 API，这是一个允许开发者在他们的网页上嵌入动态、实时的谷歌搜索功能的技术。这个API利用了AJAX技术，使得用户...
Ajax-online-chat-with-php-jquery-ajax-codeigniter.zip,这个应用程序表示使用codeigniter php框架、jquery和ajax的在线聊天。我还添加了表示用于测试应用程序的数据库的sql文件。只有首先导入数据库（chat.sql），...
这本书将带领你从零开始，逐步构建自己的谷歌地图应用，无论是简单的地图展示还是复杂的地理信息系统，都能提供足够的理论支持和技术指导。通过阅读和实践，你将能够熟练运用PHP和Ajax技术，与谷歌地图API无缝对接，...
Ajax（Asynchronous JavaScript and XML）是一种异步通信技术，旨在提高 web 应用程序的响应速度和用户体验。下面是 Ajax 的详细知识点： Ajax 定义 Ajax 是一种基于 JavaScript 和 XML 的异步通信技术，允许网页...
Core-2-jQuery-Ajax-Modal-Form.zip,使用asp.net core 2 mvc jquery ajax bootstrap model formasp.net-core-2-jquery-ajax-model-form实现模式表单,asp.net是一个开源的web框架，用于使用.net构建现代web应用和服务...
在本项目"Laravel开发-salao-despesas-ajax"中，我们主要关注的是使用 Laravel 框架构建一个基于Ajax的费用管理...通过深入研究这个项目，开发者可以学习到如何利用Laravel框架和Ajax技术来构建动态、高效的Web应用。
Ajax-datatable-using-ajax-php.zip,使用ajax php的数据表,ajax代表异步javascript和xml。它是多种web技术的集合，包括html、css、json、xml和javascript。它用于创建动态网页，其中网页的小部分在不重新加载网页的...
Ajax-Spring-MVC-CRUD-form-submit-and-ajax.zip,spring mvc crud应用程序（springmvc、hibernate 4.x、bootstrap 3.x、jquery、mysql）,ajax代表异步javascript和xml。它是多种web技术的集合，包括html、css、json...
Ajax-laravel-jquery-ajax-crud.zip,用jquery的ajax特性简单实现laravel crud,ajax代表异步javascript和xml。它是多种web技术的集合，包括html、css、json、xml和javascript。它用于创建动态网页，其中网页的小部分...
vue-ajax-form-component, 用于创建简单AJAX窗体的Vue.js 组件 vue-ajax-form-component用于创建简单AJAX表单的 Vue.js 插件组件。安装通过npm作为 vue-ajax-form-component 可用。 或者作为 inline 脚本包括在 ...
【描述】"网店实例--------简单的网上商店，含源代码-----环境vs2005 sp1"表明这是一个关于在线商店的示例应用。这个项目可能涵盖了电子商务网站的基本功能，如商品展示、购物车、结账等。使用Visual Studio 2005 ...
第24周-第10章节-Python3.5-ajax操作-原生ajax-2.avi
第24周-第09章节-Python3.5-ajax操作-原生ajax-1.avi
javascript实例应用---Ajax与XMLHttpRequest.rarjavascript实例应用---Ajax与XMLHttpRequest.rarjavascript实例应用---Ajax与XMLHttpRequest.rar
**Ajax全集——掌握Ajax技术** Ajax（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换，使网页实现异步更新，大大提升了...
Ajax-contao-simple-ajax.zip,Leounglaub的简单ajax,ajax代表异步javascript和xml。它是多种web技术的集合，包括html、css、json、xml和javascript。它用于创建动态网页，其中网页的小部分在不重新加载网页的情况下...
Ajax-Weather-App-Using-Ajax.zip,天气应用程序作为udemy课程的一部分实现,ajax代表异步javascript和xml。它是多种web技术的集合，包括html、css、json、xml和javascript。它用于创建动态网页，其中网页的小部分在不...