成人精品一区二区三区中文字幕-成人精品一区二区三区-成人精品一级毛片-成人精品亚洲-日本在线视频一区二区-日本在线视频免费

導航首頁 ? 技術教程 ? Jquery+ajax+JAVA(servlet)實現下拉菜單異步取值
全站頭部文字 我要出現在這里
Jquery+ajax+JAVA(servlet)實現下拉菜單異步取值 616 2024-03-09   

首先來看工程結構圖:

查看圖片

項目所需要的包,如下所示:

查看圖片

JSP代碼:

<%@ page language="java" import="java.util.*" pageEncoding="GBK"%>
<%
  String path = request.getContextPath();
  String basePath = request.getScheme() + "://"
      + request.getServerName() + ":" + request.getServerPort()
      + path + "/";
      System.out.println("basePath="+basePath);
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>JsonCase</title>
<script type="text/javascript" src="http://www.gimoo.net/t/1903/<%=basePath %>js/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
  $(function($) {
    $("#record").append("當前測試頁面完成加載。<br/>");
  });
  function getFirstFloorValue(element) {
    $("#record").append("<br/>獲取到信息:您將要取得第一級選項信息……");
    $("#record").append("<br/>正在使用ajax為您獲取數據,您可以繼續停留在頁面并進行其他操作。");
    $.ajax({
      url : 'ValueGetController',
      type : 'post',
      data : 'action=GetFirstFloorValue',
      datatype : 'json',
      success : function(data) {
        $("#record").append("<br/>操作成功,正在為您準備數據……");
        $(element).empty();
        $("#record").append("<br/>清除原始數據成功!");
        var ops = $.parseJSON(data);
        $("#record").append("<br/>即時數據準備成功!");
        for ( var i = 0; i < ops.length; i++)
          $(element).append(
              "<option value="" + ops[i] + "">" + ops[i]
                  + "</option>");
        $("#record").append("<br/>更新列表成功!<br/>");
      }
    });
    
    
  }
</script>
</head>

<body>
  <div>
    
    <select id="select1" onfocus=getFirstFloorValue(this)>
      <option value="1">點擊取值</option>
    </select>
  </div>
  <dir>
    <h3>記錄信息:</h3>
    <span id="record"></span>
  </dir>
</body>
</html>

JAVA servlet代碼:

package servlet;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import net.sf.json.JSONArray;

public class ValueGetController extends HttpServlet {
  
  private static final long serialVersionUID = -1293610555518403602L;


  /**
   * Constructor of the object.
   */
  public ValueGetController() {
    super();
  }

  /**
   * Destruction of the servlet. <br>
   */
  public void destroy() {
    super.destroy(); // Just puts "destroy" string in log
    // Put your code here
  }

  /**
   * The doGet method of the servlet. <br>
   *
   * This method is called when a form has its tag value method equals to get.
   * 
   * @param request the request send by the client to the server
   * @param response the response send by the server to the client
   * @throws ServletException if an error occurred
   * @throws IOException if an error occurred
   */
  public void doGet(HttpServletRequest request, HttpServletResponse response)
      throws ServletException, IOException {

    doPost(request, response);
    

  }

  /**
   * The doPost method of the servlet. <br>
   *
   * This method is called when a form has its tag value method equals to post.
   * 
   * @param request the request send by the client to the server
   * @param response the response send by the server to the client
   * @throws ServletException if an error occurred
   * @throws IOException if an error occurred
   */
  public void doPost(HttpServletRequest request, HttpServletResponse response)
      throws ServletException, IOException {

    request.setCharacterEncoding("GBK");
     response.setContentType("text/html;charset=gbk");
     PrintWriter out = response.getWriter();
     String action = request.getParameter("action");
     System.out.println("action"+action);
     if (action.equals("GetFirstFloorValue")) {
             String[] str = GetFirstFloorValue();
             JSONArray ja = JSONArray.fromObject(str);
             String json = ja.toString();
              out.print(json);
             System.out.println(json);
             out.flush();
              out.close();
              return;
           }
            out.flush();
            out.close();
  }

  private String[] GetFirstFloorValue() {
     String[] str = new String[4];
         str[0] = "test1";
         str[1] = "test2";
         str[2] = "test3";
         str[3] = "test4";
         return str;

  }

  

}

關于servlet的web.xml配置:

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" 
  xmlns="http://java.sun.com/xml/ns/javaee" 
  xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
  xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 
  http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
 <servlet>
  <description>This is the description of my J2EE component</description>
  <display-name>This is the display name of my J2EE component</display-name>
  <servlet-name>ValueGetController</servlet-name>
  <servlet-class>servlet.ValueGetController</servlet-class>
 </servlet>

 <servlet-mapping>
  <servlet-name>ValueGetController</servlet-name>
  <url-pattern>/ValueGetController</url-pattern>
 </servlet-mapping>
 
 
  
 <welcome-file-list>
  <welcome-file>index.jsp</welcome-file>
 </welcome-file-list>
</web-app>

以上就是本文的全部內容,希望對大家的學習有所幫助。



主站蜘蛛池模板: cctv16体育节目表今天目表| 欲情电影在线看| 康熙微服私访记1| 溜冰圆舞曲音乐教案| 老师也疯狂电视剧| 永远少年电影免费播放| 小姨的朋友| 罗伯特·杜瓦尔| 喜羊羊电影| 林心如演过的电视剧大全| 无懈可击图片| 纳恩| 回复者术之重启人生| 古宅老友记第四季| 李姝| 抱抱的表情包| 王牌特派员| 小学生版《三国演义》| 极地重生 电影| 影音先锋欧美| 艳妇乳肉豪妇荡乳ⅹxxooav| 鬼吹灯之精绝古城演员表 | 漂亮孕妇突然肚子疼视频| 天下免费大全正版资料| 在线观看亚洲免费视频| 任嘉伦| 都市频道今日节目表| shenin| 三上数学思维导图简单又漂亮| 绿巨人2| 大班安全教案《教室里不乱跑》| 免费观看淫www视频| 奇奇颗颗说恐龙| 小头儿子大头爸爸| 孙颖莎结婚视频| chinese国产xxx实拍| 我会读心术免费观看完整版| 姑娘主动把生米煮成熟饭| 张晋个人资料和简历| 那些回不去的年少时光演员表 | 她回来了|

!??!站長長期在線接?。?!

網站、小程序:定制開發/二次開發/仿制開發等

各種疑難雜癥解決/定制接口/定制采集等

站長微信:lxwl520520

站長QQ:1737366103