推荐你看看IBM的“掌握 Ajax 系列”教程。
教程里每一步都有详细的代码清单。
如:
清单 1. 创建新的 XMLHttpRequest 对象
<script language="javascript" type="text/javascript">
var xmlHttp = new XMLHttpRequest()
</script>
清单 2. 用 JavaScript 代码捕获和设置字段值
// Get the value of the "phone" field and stuff it in a variable called phone
var phone = document.getElementById("phone").value
// Set some values on a form using an array called response
document.getElementById("order").value = response[0]
document.getElementById("address").value = response[1]
清单 3. 在 Microsoft 浏览器上创建 XMLHttpRequest 对象
var xmlHttp = false
try {
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP")
} catch (e) {
try {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP")
} catch (e2) {
xmlHttp = false
}
}
等等
1、您需要掌握的第一件事是数据库查询语句。这是最简单的数据库查询语句:SELECT * FROM sys_role,这意味着从角色表中查询所有信息。以下显示了查询结果。此结果需要显示在首页上。需要代码来调用这个sql语句。
2、在applicationContext.xml(spring mvc配置文件)中配置数据库连接池以确保数据的正常连接,这里需要注意连接ip和数据库名称。
3、首先在控制层(逻辑处理层)调用后台查询功能,然后返回页面,因为数据库可能很大,所以需要使用分页工具来确保内存容量。
4、业务逻辑层,一般来说是实现接口,这里是实现类,实现业务的分配,这里需要调用数据库Dao层方法。
5、最后,mybatis的查询语句写在mybatis的配置文件中,然后封装到一个方法中,该方法与原来的SELECT * FROM sys_role不同,主要是添加分页和排序(order by)。
6、最后,回到jsp页面,根据之前的控制层页面输出,我们需要编写一个role.jsp文件,该文件主要遍历查询数据,使用<c>标记遍历表单。
7、最后,使用前端页面框架,您可以显示如下所示的前端样式显示。
ajax的原理就是你在一个页面上想要打开另外一个页面,ajax可以帮你从后台打开,实现实时更新可以用ajax获取另外一个网页,而另外一个网页可以是一个调用数据库信息的网页,那么返回回来的东西就是数据库调用出来的内容,然后你可以设置js几秒钟执行一次ajax 达到实时显示的效果。欢迎分享,转载请注明来源:内存溢出
评论列表(0条)