一直想在项目中用一次Ajax但是一直没有机会，终于在最近的一个项目中的注册的模块用到了
当时是准备用原生态的ajax做的，但是考虑到太麻烦，就利用jquery写了，发现效果还是不错的。
现在的例子主要是前台的jsp页面：（下面的的主要的代码，至于后台Action的地方就没有写了）
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!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>
<title>XXXX注册</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Robots" content="all" />
</head>
<body>
<html-el:text property="entp_code" size="13" maxlength="13" styleClass="input" styleId="entp_code"/>
<span class="red" id="s_after">*</span> <span id="loading" style="display:none;" mce_style="display:none;"><img
src="images/loading.gif" style="vertical-align:middle; margin: 2px;" mce_style="vertical-align:middle; margin: 2px;" />正在处理...</span>
<mce:script type="text/javascript" src="${ctx}/commons/scripts/jquery.js" mce_src="${ctx}/commons/scripts/jquery.js"></mce:script>
<mce:script type="text/javascript" src="${ctx}/commons/scripts/validator.js" mce_src="${ctx}/commons/scripts/validator.js"></mce:script>
<mce:script type="text/javascript"><!--
$("#entp_code").blur(function() {
if(this.value.length > 0){
$("#loading").ajaxStart(function(){$("#submit").attr("disabled", "true");$(this).show();});
$("#loading").ajaxStop (function(){$(this).hide();});
$("#tip").remove();
$.ajax({
type: "POST",
url: "registerEntp.do",
data: "method=getLoginCode&entp_code=" + this.value,
dataType: "json",
error: function(request, settings) {alert("数据加载请求失败！"); },
success: function(isExist) {
if(isExist == 1) {
$("#s_after").after('<span id="tip" style="color:#FF0000;" mce_style="color:#FF0000;"><img
src="images/reg_error.gif" /> 对不起，该企业代码已经存在！<\/span>');
$("#submit").attr("disabled", "true");
return;
} else if(isExist == 0){
$("#s_after").after('<span id="tip" style="color:#5A8E4A;" mce_style="color:#5A8E4A;"><img
src="images/reg_success.gif" /> 恭喜，该企业代码可以使用。<\/span>');
$("#submit").attr("disabled", "");
}
}
});
} else {
$("#tip").remove();
}
});
// --></mce:script>
</body>
</html>
发表于 @ 2008年09月26日 14:53:00
分享到：
相关推荐
本案例针对初次接触Ajax的学习者，提供了验证用户名是否已存在的实际操作，有助于理解和掌握这两种技术的协同工作原理。 首先，让我们详细了解一下SSM框架。SSM是Java Web开发中的三大核心框架，Spring作为整体的...
开发者可以使用Servlet、JSP（JavaServer Pages）或其他框架（如Spring MVC、Struts等）来处理来自前端的Ajax请求，查询数据库，返回JSON或XML格式的数据。 **Ajax树的实现步骤** 1. **前端准备**：编写JavaScript...
使用Ajax的五个步骤,初次写CSDN博客,还希望请广大网友多多点评
在图片应用中，Ajax可以用于动态加载图片，例如在滚动页面时按需加载更多的图片，这样可以减少初次加载页面时的数据量，提高页面加载速度。使用Ajax的`$.ajax()`或`$.get()`方法，我们可以向服务器发送请求，获取...
[使用ajax 构建应用程序] 使用ajax 构建应用程序 内翻译常为“阿贾克斯”和阿贾克斯足球队同音。Web应用的交互如Flickr,Backpack和Google在这方面已经有质的飞跃。这个术语源自描述从基于Web的应用到基于数据的...
1. **添加ScriptManager**：在ASP.NET页面上添加ScriptManager控件，它是使用ASP.NET AJAX库的必要组件。 ```html <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager> ``` 2. **插入...
2. **异步加载树节点**：当用户展开一个节点时，使用Ajax发送请求到服务器，获取该节点的子节点数据，然后使用dtree提供的API将新数据插入到现有树中。 3. **优化策略**：通常，初始加载只展示顶级节点，其余节点按...
5.2 SEO问题：由于Ajax加载的内容不在初次页面加载时发送，搜索引擎可能无法抓取。 5.3 用户体验：如果网络环境差，用户可能会看到页面部分加载的现象，需要合理设计加载提示。 六、现代前端框架中的Ajax 6.1 React...
在使用Ajax与Java交互时，需要注意安全性，如防止XSS（跨站脚本攻击）和CSRF（跨站请求伪造）等。同时，为了提高性能，可以使用缓存、减少HTTP请求、优化数据传输格式等手段。 总结，Ajax与Java的交互是现代Web开发...
1. 合理使用：针对不同的应用场景选择是否使用Ajax，避免滥用导致复杂性和维护难度增加。 2. 兼容性考虑：确保在主要的浏览器上进行充分测试，确保良好的跨平台运行效果。 3. SEO优化：通过技术手段如预渲染或提供...
### Ajax技术深度解析 #### 一、Ajax概览：一种革命性的Web开发模式 Ajax（Asynchronous JavaScript and XML）并非新兴技术，而是基于现有技术的一种全新Web开发模型。这一概念首次提出于2005年，它利用了HTML、...
3. **首屏加载**：首次加载页面时，Ajax内容不会立即显示，可能影响用户体验。 ### 5. 使用Ajax的最佳实践 1. **使用合适的HTTP方法**：GET用于获取数据，POST用于提交数据。 2. **考虑错误处理**：编写错误处理...
7. **使用Ajax框架**：如jQuery、Prototype等，简化代码，提供性能优化的默认配置。 四、Ajax的局限性与解决方法 1. **浏览器兼容性**：确保代码兼容所有主流浏览器，考虑使用polyfill库如jQuery。 2. **SEO问题**...
而"ReadMe.txt"文件通常包含了安装指南、版本信息、更新日志以及可能遇到的问题和解决方案，对于初次使用者来说，这是获取初步信息和帮助的重要来源。 总的来说，Ajax控件通过提供丰富的用户界面组件和便捷的异步...
8. **前端框架和库**：现代前端开发往往使用jQuery、Vue.js、React.js等框架或库来简化AJAX请求和DOM操作，提高开发效率。例如，jQuery的`$.ajax`或`$.getJSON`方法，Vue.js的`axios`插件等。 9. **性能优化**：...
在Liferay 6中，使用Ajax技术来处理Portlet请求是一种常见的优化用户交互的方法。Ajax（Asynchronous JavaScript and XML）允许部分页面更新，无需整个门户页面的刷新，从而提升了用户体验，尤其是在Portlet环境下。...
在IE中，创建XMLHttpRequest对象通常使用`new ActiveXObject("Microsoft.XMLHTTP")`，而在Firefox及其他非IE浏览器中，使用`new XMLHttpRequest()`。 10. **AJAX的优缺点**： 优点：提高用户体验，减少网络流量，...
4. **XMLHttpRequest对象**：这是AJAX的核心，首次在Internet Explorer 5中引入，它支持异步请求，即在后台与服务器通信，不影响用户界面。 **使用AJAX的原因**： - **提升用户体验**：通过异步模式，用户可以继续...