jQuery实现的Ajax小例子
jQuery实现的Ajax小例子
jQuery实现的Ajax小例子
jsp代码:
- <%@ 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>
- <title>My JSP 'index.jsp' starting page</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 rel="stylesheet" type="text/css" href="styles.css">
- -->
- <script type="text/javascript" src="<%=basePath%>js/jquery-1.6.4.min.js"></script>
- </head>
- <script type="text/javascript">
- function ajaxrequest(){
- $.ajax({
- type:"get",
- url:"lpm",
- dataType:"text",
- data:"name=hello world&age=15",
- success:function(msg){
- $("#name").val(msg);
- }
- });
- }
- function ajaxre2(){
- $.get("lpm",{name:"lpm",age:"25"},function(msg){
- $("#wenben").val(msg);
- });
- }
- </script>
- <body>
- <input type="button" id="name" value="按钮" onclick="ajaxrequest()" />
- <input type="text" id="wenben" onfocus="ajaxre2()"/>
- </body>
- </html>
web.xml配置servlet:
- <servlet>
- <servlet-name>lpm</servlet-name>
- <servlet-class>com.chinasoft.lpm</servlet-class>
- </servlet>
- <servlet-mapping>
- <servlet-name>lpm</servlet-name>
- <url-pattern>/lpm</url-pattern>
- </servlet-mapping>
servlet代码:
- package com.chinasoft;
- 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;
- public class lpm extends HttpServlet {
- public void doGet(HttpServletRequest request, HttpServletResponse response)
- throws ServletException, IOException {
- response.setContentType("text/html");
- PrintWriter out = response.getWriter();
- String name=request.getParameter("name");
- String age=request.getParameter("age");
- out.println(name+":"+age);
- }
- public void doPost(HttpServletRequest request, HttpServletResponse response)
- throws ServletException, IOException {
- this.doGet(request, response);
- }
- }
评论暂时关闭