今天无聊,随便看了下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框架Ajax框架Ajax框架Ajax框架Ajax框架Ajax框架Ajax框架Ajax框架Ajax框架Ajax框架Ajax框架Ajax框架
PROTOTYPE 1.5.1 RC1 API文档 <br>API DOCUMENTATION <br>Welcome to the API documentation for Prototype. The left column contains the main sections. When you activate a section, its detailed ...
json ajax ajax框架 json ajax ajax框架
Ajax最全页面验证-基本prototype框架 动态验证
不用框架的Ajax不用框架的Ajax不用框架的Ajax不用框架的Ajax
prototype 框架实现ajax实例
ajax 框架 prototype1.6 中文版
很好用的ajax开源框架prototype.js,支持强大的异步交互功能,使你的页面更灵活,具有更好的用户体验
ajax常用框架api文档ajax常用框架api文档
prototype的Ajax介绍
ajax练习框架,
专门介绍prototype 、Scriptaculous 这两个ajax开发框架的书!好不容易才找到的!!
ajax框架项目ajax框架项目ajax框架项目ajax框架项目ajax框架项目ajax框架项目ajax框架项目ajax框架项目
最新ajax框架集锦。ajax prototype、Dojo、scriptaculous、ext等
AJAX框架 v4.0 AJAX网站框架应用,AJAX网站集成,AJAX效果应用。
ZK Ajax开发框架是一套以 AJAX/XUL/Java 为基础的网页应用程式开发框架,用于丰富网页应用程式的使用接口。最大的好处是,在设计AJAX网络应用程式时,轻松简便的操作就像设计桌面程式一样。 ZK包含了一个以AJAX为...
jquery ajax框架jquery ajax框架jquery ajax框架jquery ajax框架jquery ajax框架
Ajax(Ajax,jquery,prototype综合).rar
springmvc接收ajax请求注意事项
对ajax中dwr,prototype框架的详细讲解