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]