jQuery事例 _Web前端

jQuery例子

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