<body> <form> Username: <!-- 输入用户名的文本框 --> <input type="text" onchange="isValidUsername(this.value)" /> </form> <!-- 提示信息的 span --> <p>Suggestions: <span></span> </p> <!-- 正在加载缓冲 gif 图片,默认为不显示 --> <div> <img src="loading.gif"/> </div> </body>
步骤三,把 loading 图标放在 %TOMCAT_HOME%\webapps\ jythonAjax 目录下。图标请在页面底部下载。
打开浏览器,输入地址 :8080/jythonAjax/register.jsp 后,回车打开页面。输入用户名后,可以看到有一个“正在加载”的图标提示用户当前正在检验用户名是否合法。见图 10
图 10 输入用户名后,页面提示图标显示正在和服务器交互检查用户名结束语基于 Java 的 Servlet 同样可以用 Jython 来编码,为服务器端的实现提供了另一种解决方案。Ajax 也并不神秘,只是让用户在不用刷新页面的情况下,可以动态地更新网页部分内容,然后运用到各种需要用到这种性能的场合,将为用户提供更加实时、更加类似于桌面应用程序的体验。但是本文涉及的服务器端与前端应用是非常简单的,只是对于复杂 Web 应用程序的冰山一角,感兴趣的读者可以进一步寻找相关主题深入学习。
下载描述名字大小
示例代码jythonAjax.zip880KB