j2ee之AJAX二级联动效果

本文实例为大家分享了AJAX二级联动效果的具体代码，供大家参考，具体内容如下

网站建设哪家好，找成都创新互联！专注于网页设计、网站建设、微信开发、成都小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了崆峒免费建站欢迎大家使用！

Ajax.js

var createAjax = function(){
  var ajax = null;
  try{
    ajax = new ActiveXObject("microsoft.xmlhttp");
  }catch(e1){
    try{
      ajax = new XMLHttpRequest();
    }catch(e2){
      alert("请换掉你的浏览器");
    }
  }
  return ajax;
}

test3.xml

<%@ page language="Java" contentType="text/html; charset=UTF-8"
  pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>


 
 
    
  ??

SelectServlet.java

package com.newtouch.servlet;

import java.io.IOException;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
 * Servlet implementation class SelectServlet
 */
@WebServlet("/SelectServlet")
public class SelectServlet extends HttpServlet {
  private static final long serialVersionUID = 1L;

  /**
   * @see HttpServlet#HttpServlet()
   */
  public SelectServlet() {
    super();
    // TODO Auto-generated constructor stub
  }

  /**
   * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse
   *   response)
   */
  protected void doGet(HttpServletRequest request, HttpServletResponse response)
      throws ServletException, IOException {
    // TODO Auto-generated method stub
    response.getWriter().append("Served at: ").append(request.getContextPath());
  }

  /**
   * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse
   *   response)
   */
  protected void doPost(HttpServletRequest request, HttpServletResponse response)
      throws ServletException, IOException {
    request.setCharacterEncoding("utf-8");
    // 这里是text/xml是把数据放到了xml中
    response.setContentType("text/xml;charset=utf-8");
    String province = request.getParameter("province");
    response.getWriter().write("<?xml version='1.0' encoding='utf-8' ?>");
    response.getWriter().write("");
    if ("江苏".equals(province)) {
      response.getWriter().write("1");
      response.getWriter().write("2");
      response.getWriter().write("3");
      response.getWriter().write("4");
    } else if ("江西".equals(province)) {
      response.getWriter().write("一");
      response.getWriter().write("二");
      response.getWriter().write("三");
      response.getWriter().write("四");
    }
    response.getWriter().write("");
  }

}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持创新互联。

分享名称：j2ee之AJAX二级联动效果
当前网址：http://scyanting.com/article/pphjji.html

j2ee之AJAX二级联动效果

其他资讯