AJax技术

利用 Jython 与 Ajax 技术构建一个简单的 Web 应用程序(4)

字号+ 作者:H5之家 来源:H5之家 2015-11-03 16:25 我要评论( )

body formUsername:!-- 输入用户名的文本框 --input type="text" onchange="isValidUsername(this.value)" / /form !-- 提示信息的 span -- pSuggestions:span/span /p !-- 正在加载缓冲 gif 图片,默认为不显示 --

<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 输入用户名后,页面提示图标显示正在和服务器交互检查用户名

图 10 输入用户名后,页面提示图标显示正在和服务器交互检查用户名

结束语

基于 Java 的 Servlet 同样可以用 Jython 来编码,为服务器端的实现提供了另一种解决方案。Ajax 也并不神秘,只是让用户在不用刷新页面的情况下,可以动态地更新网页部分内容,然后运用到各种需要用到这种性能的场合,将为用户提供更加实时、更加类似于桌面应用程序的体验。但是本文涉及的服务器端与前端应用是非常简单的,只是对于复杂 Web 应用程序的冰山一角,感兴趣的读者可以进一步寻找相关主题深入学习。

下载

描述名字大小

示例代码jythonAjax.zip880KB

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • JQuery实现Ajax加载图片的方法

    JQuery实现Ajax加载图片的方法

    2016-02-24 17:01

  • 判断用户是不是为ajax请求

    判断用户是不是为ajax请求

    2016-02-24 17:00

  • Ajax与WEB开发 by alixixi.com

    Ajax与WEB开发 by alixixi.com

    2016-02-11 11:02

  • jQuery.ajax()的相关参数及使用

    jQuery.ajax()的相关参数及使用

    2016-02-08 16:00

网友点评
d