今天无聊，随便看了下prototype，觉得挺简单的，于是写了个简单的sample，供以后参考。
首先页面的代码如下：
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<SCRIPT LANGUAGE="JavaScript">
<!--
function ajaxTest(test){
code = event.keyCode;
if(code == 13){
var f = document.getElementById('TheForm');
if(f.searchhhNo.value != ''){
var url = 'login.do?method=ajaxTest&userName='+test.value ;
new Ajax.Request(url, { method: "get",
parameters:Form.serialize('theForm'),
onSuccess: function(httpObj){
ajaxText = httpObj.responseText;
alert(ajaxText);
hhpnResult(ajaxText);
},
onFailure: function(httpObj){
alert(httpObj.statusText);
}
});
}
}
}
function hhpnResult(msg){
if(msg != null){
var f = document.getElementById('theForm');
f.username.value = msg;
}else{
alert('无法找到相关资料');
}
}
</SCRIPT>
<html>
<body>
<form name="theForm" action="login.do">
<p align="center">
ajax測試
</p>
<br>
用戶名:
<input type="text" name="username" onkeydown="ajaxTest(this)" />
<br>
密 碼:
<input type="password" name="password">
<br>
<p>
<input type="submit" value="提交" >
<input type="reset" value="重設" >
</p>
</form>
</body>
</html>
然后是关于spring的配置文件，没什么可说的！
最后特别要注意的是action的问题
public ModelAndView applyFpr(HttpServletRequest request,HttpServletResponse response,LoginFormBean formBean){
String returnResult = "";
....
//特別注意，要不然得不到responseText的数值，或者得到的是整个页面的html代码
response.setContentType("text/html; CHARSET=utf-8");
try {
response.getWriter().write(returnResult);
} catch (IOException e) {
e.printStackTrace();
}
}
写的不全，如果有什么不懂的自己多试试就明白了，呵呵。
我本来想把源代码传上来，可我们公司不能上传，郁闷！
分享到：
相关推荐
#### 六、注意事项 - **跨域限制**：出于安全考虑，Ajax请求只能发送到与当前页面具有相同协议、主机和端口的目标地址。 - **浏览器兼容性**：尽管某些浏览器可能支持更广泛的URL访问权限，但不应依赖此特性。 - **...
Ajax（Asynchronous JavaScript and ...总结，Ajax中文手册详细涵盖了Ajax的基本概念、使用方法、工作原理以及实际应用中的注意事项。通过学习这本手册，开发者可以更好地理解和运用Ajax技术，提升Web应用的用户体验。
在这个研究中，Jimmy.Ke探讨了几个关键问题，包括Ajax应用框架的选择，如何在.NET 2.0环境中应用Ajax，以及在实施过程中需要注意的事项。 首先，Ajax应用框架的选型是关键。研究提供了三个不同的框架示例：微软的...
使用Ajax的注意事项 - **兼容性**：确保代码兼容不同浏览器的XMLHttpRequest实现。 - **异步问题**：由于Ajax请求是异步的，需正确处理回调函数，避免回调地狱。 - **安全与性能**：注意防止XSS和CSRF攻击，合理...
10. **移动设备上的Ajax**：考虑到移动设备的普及，书中会讨论在移动浏览器中使用Ajax的注意事项和最佳实践。 通过阅读《Head First Ajax 中文版》，读者不仅可以掌握Ajax技术，还能了解到如何将其融入到实际的Web...
注意事项 - **浏览器兼容性**：虽然大部分现代浏览器都支持Ajax，但仍然需要注意IE6及更早版本的兼容性问题。 - **同源策略**：出于安全考虑，Ajax请求通常受到同源策略限制，只能访问同源（协议+域名+端口相同）...
8. **最佳实践**：提供AJAX应用开发的技巧和注意事项，如错误处理、性能优化、避免阻塞UI等。 9. **实战案例**：通过具体的案例分析，展示如何在实际项目中应用AJAX技术，如创建实时搜索建议、动态加载更多内容等。...
9. **注意事项**：在实际应用中，需要注意处理跨域问题，防止XSS攻击，以及确保Ajax请求的安全性。 通过这个实例，你可以深入理解Ajax与Struts的集成，学会如何在不刷新整个页面的情况下，利用Struts框架处理业务...
**五、注意事项** 1. **同源策略**：出于安全考虑，AJAX请求通常只能访问同源（协议、域名、端口相同）的资源。除非服务器开启CORS（跨源资源共享）。 2. **回退方案**：考虑到非JavaScript用户或浏览器支持问题，应...
**注意事项** - 安全性：防止SQL注入，对用户输入进行过滤和转义。 - 异常处理：确保Action类能够处理可能出现的异常，如数据库连接问题，返回合适的错误信息。 - JSON格式：通常，前后端通信数据使用JSON格式，便于...
6. **安全注意事项**：提醒用户在使用Ajax时注意的安全问题，例如防止XSS和CSRF攻击。 通过阅读这些资源，开发者可以不仅掌握Ajax的基本技术，还能了解到如何在实际项目中高效地应用Ajax，提升Web应用的用户体验。...
注意事项 - 避免阻塞UI：长时间运行的Ajax请求可能导致界面无响应，应使用异步处理。 - 错误处理：合理处理网络异常、服务器错误等，提供友好的反馈。 - 安全性：防止XSS（跨站脚本攻击）和CSRF（跨站请求伪造）等...
3. **框架和库**：为了简化Ajax开发，许多Java框架和库提供了支持，如jQuery、Prototype、Dojo等。它们提供了便捷的API来处理Ajax请求和响应，减少手动编写JavaScript的复杂性。 **三、Ajax的优点：** 1. **提高...
2. **AJAX库与框架**：简述jQuery和其他流行库（如Prototype、Dojo）如何简化Ajax开发。 3. **跨域问题与解决方案**：探讨Ajax的同源策略限制及JSONP、CORS等跨域解决方案。 ### 第五章 - PHP与Ajax结合 1. **创建...
注意事项 - 数据传输格式：这里的示例使用了JSON，因为它是轻量级且易于解析的格式。 - 错误处理：在实际应用中，还需要考虑请求失败的情况，添加适当的错误处理代码。 - 性能优化：如果数据量较大，可以考虑使用...
本文将介绍如何使用JavaScript实现一个简单而实用的AJAX实例，并将通过一个完整的示例来展示如何实现无刷新调用，以及相关的技巧和注意事项。 ### AJAX基础知识 AJAX涉及的技术包括： 1. **JavaScript：** 是AJAX...
- `说明文档.txt`：项目说明文档，可能包含了如何部署、配置以及使用该功能的详细步骤和注意事项。 5. **web.xml**：这是Web应用的部署描述符，定义了应用的配置信息，如过滤器、Servlet、监听器等。在这里，它...
2. **readme.txt**：通常包含项目的基本信息、安装指南或使用注意事项。 3. **PrjHKKWeb**：可能是项目的一个子目录，可能包含了与Web应用程序相关的文件，如ASP.NET页面、样式表、脚本等。 4. **HYWeb**：这可能...
**四、注意事项** 1. 考虑兼容性：尽管AjaxTags使用了jQuery，但仍然需要确保目标浏览器支持JavaScript。 2. 错误处理：不要忘记处理Ajax请求可能抛出的错误，例如网络问题或服务器端异常。 3. 安全性：由于Ajax...
1. **readme.txt**：通常这个文件包含了项目的简介、使用说明、注意事项等关键信息。在本书的源代码中，它可能概述了代码结构、如何运行示例以及可能的依赖项，是初学者入门的第一步。 2. **ch11**、**ch10**、**...