简单Ajax与JSP相结合页面

最新推荐文章于 2022-06-30 04:13:02 发布

原创最新推荐文章于 2022-06-30 04:13:02 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #jsp #xmlhttprequest #html #function #xhtml

Java 专栏收录该内容

19 篇文章

订阅专栏

本文介绍了一个简单的Ajax应用实例，通过Ajax技术实现客户端与服务器之间的异步数据交互。具体演示了如何利用Ajax从服务器端获取当前时间并显示在网页上。

环境：Ajax+JSP，Tomcat5.05

参考：http://www.w3cschool.cn/index-24.asp.htm

文件：testAjax.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=gb2312"> <title>无标题文档</title> </head> <body> <mce:script type="text/javascript"></mce:script> <form name="myForm"> 用户: <input type="text" name="username" onMouseOver="ajaxFunction()" onMouseOut="clearText()" size="50"> <p> 时间: <textarea name="time" rows="5" cols="50">

time.jsp

<%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> </head> <body> <% java.io.PrintWriter myOut = response.getWriter(); java.util.Date d = new java.util.Date(); java.text.SimpleDateFormat f = new java.text.SimpleDateFormat("yyyy年MM月dd日 hh:mm:ss"); myOut.print(f.format(d)); myOut.flush(); myOut.close(); /*out.print("123"); out.flush(); out.close();*/ %> </body> </html>