运用ajax prototype框架注意事项

最新推荐文章于 2021-08-05 22:45:23 发布

morris_yuan

最新推荐文章于 2021-08-05 22:45:23 发布

阅读量139

点赞数

分类专栏： ajax 文章标签： Ajax prototype 框架 Spring F#

ajax 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

今天无聊，随便看了下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();
		}

}