wptc 发表于 2013-1-23 02:23:59

NO.1 AJAX简单实例(用户名校验) struts+AJAX(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="校验" /><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
 
 
页: [1]
查看完整版本: NO.1 AJAX简单实例(用户名校验) struts+AJAX(JQuery)