"http://www.yxccc.com">
<struts>
<package name="bg" namespace="/admin" extends="struts-default">
<default-action-ref name="index"/>
<!-- =================基础跳转====================== -->
<action name="index">
<result>/WEB-INF/index.jsp</result>
</action>
</package>
<package name="ajax" namespace="/ajax" extends="struts-default">
<!-- =================ajax请求跳转====================== -->
<action name="ajax_*" class="com.fengqi.action.AjaxRequestAction" method="ajax{1}">
</action>
</package>
</struts>
第六步：编写index.jsp文件，这里做了两种请求，一种是直接请求到字符串，另一种是请求到一组数组格式的数据，但该数据必须要转换成JSON支持的数组，具体如下
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
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%>" rel="external nofollow" >
<title>ajax异步刷新样例测试</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link href="http://www.yxccc.com/css/css.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-2.1.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#hh1").click(function(){
$.ajax({
url:"ajax/ajax_String",//请求url
data:{sex:$("#txt1").val()},
success:function(data){//请求返回的数据
$("div").html(data);//将数据打印到页面的div中
}
});
});
$("#hh2").click(function() {
$.ajax({
url: "ajax/ajax_List",//请求url http://www.yxccc.com
//cache: false,
type: "POST", //请求头，这里是post
datatype: 'json', //请求数据各式，这里是json格式
success: function(data,status){
data = $.parseJSON(data); //将字符串格式的数据转换成json对象
//这里将option元素移除是考虑到如果在页面不刷新的情况下多次请求，会产生数据累加，不符合业务需求,因此需先删除在增加元素。
$("option").remove();
$("select").append("<option>请选择</option>");//在select元素下添加option子元素。
