Welcome 微信登录
编程资源 图片资源库 蚂蚁家优选 PDF转换器 软件资源

软件开发、小程序制作、系统集成与运维、空间租用、硬件开发、视频监控、技术咨询与支持——联系电话：0311-88999002/88999003

首页 / 操作系统 / Linux / jQuery实现的Ajax小例子

jQuery实现的Ajax小例子jsp代码：
  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>   
  2. <%   
  3. String path = request.getContextPath（）;   
  4. String basePath = request.getScheme（）+"://"+request.getServerName（）+":"+request.getServerPort（）+path+"/";   
  5. %>   
  6.   
  7. <！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">   
  8. <html>   
  9.   <head>   
  10.        
  11.     <title>My JSP "index.jsp" starting page</title>   
  12.     <meta http-equiv="pragma" content="no-cache">   
  13.     <meta http-equiv="cache-control" content="no-cache">   
  14.     <meta http-equiv="expires" content="0">       
  15.     <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">   
  16.     <meta http-equiv="description" content="This is my page">   
  17.     <！--   
  18.     <link rel="stylesheet" type="text/css" href="styles.css">   
  19.     -->   
  20.     <script type="text/javascript" src="<%=basePath%>js/jquery-1.6.4.min.js"></script>   
  21.   </head>   
  22.   <script type="text/javascript">   
  23.      
  24.      function ajaxrequest（）{   
  25.         $.ajax（{   
  26.            type:"get",   
  27.            url:"lpm",   
  28.            dataType:"text",   
  29.            data:"name=hello world&age=15",   
  30.            success:function（msg）{   
  31.               $（"#name"）.val（msg）;   
  32.            }   
  33.         }）;   
  34.      }   
  35.      function ajaxre2（）{   
  36.         $.get（"lpm",{name:"lpm",age:"25"},function（msg）{   
  37.            $（"#wenben"）.val（msg）;   
  38.         }）;   
  39.      }   
  40.         
  41.   </script>   
  42.      
  43.   <body>   
  44.     <input type="button" id="name" value="按钮" onclick="ajaxrequest（）" />   
  45.     <input type="text" id="wenben" onfocus="ajaxre2（）"/>   
  46.   </body>   
  47. </html>  
web.xml配置servlet：
  1. <servlet>   
  2.   <servlet-name>lpm</servlet-name>   
  3.   <servlet-class>com.chinasoft.lpm</servlet-class>   
  4. </servlet>   
  5. <servlet-mapping>   
  6.   <servlet-name>lpm</servlet-name>   
  7.   <url-pattern>/lpm</url-pattern>   
  8. </servlet-mapping>  
servlet代码：
  1. package com.chinasoft;   
  2.   
  3. import java.io.IOException;   
  4. import java.io.PrintWriter;   
  5.   
  6. import javax.servlet.ServletException;   
  7. import javax.servlet.http.HttpServlet;   
  8. import javax.servlet.http.HttpServletRequest;   
  9. import javax.servlet.http.HttpServletResponse;   
  10.   
  11. public class lpm extends HttpServlet {   
  12.   
  13.     public void doGet（HttpServletRequest request, HttpServletResponse response）   
  14.             throws ServletException, IOException {   
  15.         response.setContentType（"text/html"）;   
  16.         PrintWriter out = response.getWriter（）;   
  17.            
  18.         String name=request.getParameter（"name"）;   
  19.         String age=request.getParameter（"age"）;   
  20.         out.println（name+":"+age）;     
  21.     }   
  22.   
  23.     public void doPost（HttpServletRequest request, HttpServletResponse response）   
  24.             throws ServletException, IOException {   
  25.   
  26.        this.doGet（request, response）;   
  27.            
  28.     }   
  29.   
  30. }  
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图