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);}}
?
?