Ajax问题

Question

我要实现一个功能，
1、现在有两个下拉框， 下拉框中有  管理员和用户两种权限
 问题：当我选择管理员权限的时候，我需要下面的下拉框自动更新，我知道是用Ajax实现，我对Ajax不是很熟 ，大神来帮忙解释解释，最好代码实现Ajax管理

Answer 1

<script type="text/javascript" src="../JS/jquery.js"></script>导入jquery包自修
<script type="text/javascript">
$(document).ready(function(){
$.ajax({
type:"POST",
url:"../TypeDemo?action=sup",--请求的后台自修
dataType:"xml",
success:function(data){data后台传来的数据xml格式的，自己拼个

$(data).find("type").each(function(){
var typeid=$(this).attr("value");
var typename=$(this).text();
$("#supertype").append("<option value='"+typeid+"'>"+typename+"</option>");
});

}
});

$("#supertype").change(function(){
$.ajax({
type:"POST",
url:"../TypeDemo?action=sub&supid=",
dataType:"xml",
success:function(data){
$("#typeID").html('');
$(data).find("subtype").each(function(){
var subtype=$(this).text();
var subid = $(this).attr("value");
$("#typeID").append("<option value='"+subid+"'>"+subtype+"</option>");
});
}
});
});
});
</script>
表格里的 自修
<tr>
                    <td height="27">&nbsp;所属大类：</td>
                    <td width="39%" height="27">&nbsp;
                      <select name="supertype" class="textarea" id="supertype" >
  
                      </select></td>
                    <td width="13%" height="27"> &nbsp;所属小类：</td>
                    <td width="35%" height="27">&nbsp;
                      <select name="typeID" class="textarea" id="typeID">
                      
                     </select>
</td>
                  </tr>

Answer 2

jsp页面代码
<tr>
<td height="27">&nbsp;用户类型：</td>
<td width="39%" height="27">&nbsp;
<select name="userType" class="textarea" id="userType" >
<option value="1"> 管理员</option>
<option value="2"> 用户</option>
</select></td>
<td width="13%" height="27"> &nbsp;所属小类：</td>
<td width="35%" height="27">&nbsp;
<select name="typeID" class="textarea" id="typeID"> </select>
</td>
</tr> js代码
$(function(){
$("userType").change(function(){
var userType =$("#userType").val();

$.ajax({ 
cache: false, 
type: "POST", 
url:你请求后台的url?userType=+userType,
async: false,
error: function(request) { 
    alert("Connection error"); 
}, 
success: function(data) {
alert(data);//获取后台传来的字符串
//json转成数组的格式
var result = eval('(' + data + ')');
//拼接字符串 } 
    });
});
});java后台代码
/**
 * 根据物料id和供应商id获取库存信息
 * @param request
 * @return
 */
@ResponseBody
@RequestMapping(value="/请求url")
public String getRepertory(HttpServletRequest request){
JSONArray json=null;
try{
//参数
String  userType= request.getParameter("userType");
//业务处理，根据传入参数获取集合
List<T> xxx =service.方法()
//集合转成json格式
json = JSONArray.fromObject(materials);
}
catch(Exception e){ }
return json。toString();
}