论坛首页 Web前端技术论坛

NO.1 AJAX简单实例(用户名校验) struts+AJAX(JQuery)

浏览 7021 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (3) :: 隐藏帖 (5)
作者 正文
   发表时间:2009-11-17  

废话不说,如下:

  Action: AJAXServer

  

import java.io.PrintWriter;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.apache.struts.action.Action;
import org.apache.struts.action.ActionForm;
import org.apache.struts.action.ActionForward;
import org.apache.struts.action.ActionMapping;

public class AJAXServer extends Action {

	public ActionForward execute(ActionMapping mapping, ActionForm form,
			HttpServletRequest request, HttpServletResponse response)
			throws Exception {
		
		String userName = new String(request.getParameter("name").getBytes("iso8859-1"),"UTF-8");
		
		System.out.println(userName);

		PrintWriter out = response.getWriter();
		out.write("I am From Server"+userName);
		out.close();
		return mapping.findForward("To_Index");
	}

}

 

JS: verify.js  

 

function verify(){
	var jqueryobj = $("#userName");	
	var userName = jqueryobj.val();
	$.get("AJAXServer.do?name="+userName,null,callback);
}

function callback(data){
	var resultObj = $("#result");
	resultObj.html("<font color=red>"+data+"</font>");
}

 

 

前台页面:index.jsp

 

<%@ page language="java" import="java.util.*" pageEncoding="gb2312"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    <title>Ajax starting page</title>
	<script type="text/javascript" src="jslib/verify.js"></script>
  <script type="text/javascript" src="jslib/jquery.js"></script>
  </head>
  
  <body>
    <input type="text" id="userName"/>
	<input type="button" value="校验" onclick="verify()"/>
	<div id="result"></div>
  </body>
</html>

 

Struts-config.xml

 

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE struts-config PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 1.2//EN" "http://struts.apache.org/dtds/struts-config_1_2.dtd">

<struts-config>
  <data-sources />
  <form-beans />
  <global-exceptions />
  <global-forwards />
  <action-mappings >
  	<action path="/AJAXServer"
  			type="AJAXServer"
  	>
  	<forward name="To_Index" path="/index.jsp"></forward>
  	</action>
  </action-mappings>
  <message-resources parameter="com.yourcompany.struts.ApplicationResources" />
</struts-config>

 

最后一步:拷贝JQuery框架的Jquery.js 到你的项目 jslib下(自己建立的)

 

部署--->发布----->运行--->over

 

 

   发表时间:2010-01-20  
没有用过JQUERY
楼主能把完整的demo上传看看嘛
0 请登录后投票
   发表时间:2010-01-29  
似乎LZ用的不是struts2呀

是否应该升级了呢
0 请登录后投票
   发表时间:2010-01-29  
hlw579 写道
似乎LZ用的不是struts2呀

是否应该升级了呢

呵呵, 慢慢来吧, 先看看struts1.x的 看其他应该基本差不多了,大概看了下 struts2的框架,感觉看了struts1.x后看 它 也觉得容易些了吧!
0 请登录后投票
   发表时间:2010-03-23  
谢谢楼主啊,最后那个forward是不是指向本页?我刚开始学,不太了解,对这个forward有点不太明白,这样会不会刷新页面?
还有那个out输出的内容就直接被XMLHttpRequest获取了?
0 请登录后投票
   发表时间:2010-03-23  
先学XMLHttpRequest
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics