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);
}
}
分享到：
相关推荐
jquery实现ajax小例子（资源分高了点，但绝对物超所值） 使用jquery实现XML与JSON同服务器的通信 提供了很多个常见的Ajax特效，学习这几个特效能助您学习jquery 项目中已有相关的包及工具，导入MyEclipse后可直接...
在jQuery中，Ajax功能被封装得十分友好，使得开发者可以轻松地实现异步数据交换。 **一、jQuery中的Ajax基础** 1. **$.ajax()函数**：这是jQuery中最核心的Ajax方法，可以接受多个参数来定制请求。例如，URL、类型...
在本示例中，我们将探讨如何使用Spring MVC框架与jQuery库结合实现Ajax功能。Spring MVC是Spring框架的一部分，专门用于构建Web应用程序，而jQuery则是一个强大的JavaScript库，简化了DOM操作、事件处理以及异步HTTP...
本主题将深入探讨如何利用jQuery实现AJAX技术，通过给出的实际例子来增强理解。 AJAX（Asynchronous JavaScript and XML）是一种在无需刷新整个页面的情况下，能够更新部分网页的技术。jQuery提供了易于使用的API，...
然而，在这个例子中，我们将重点放在jQuery的AJAX函数上，因为它是跨平台的，并且更加灵活。 jQuery的AJAX函数`$.ajax()`是核心。它允许我们创建一个异步HTTP（GET或POST）请求，从而在不刷新整个页面的情况下获取...
Ajax(jQuery实现例子) Ajax(jQuery实现例子) Ajax(jQuery实现例子) Ajax(jQuery实现例子) Ajax(jQuery实现例子) Ajax(jQuery实现例子) Ajax(jQuery实现例子)
在这个小例子中，JQuery库被用来简化Ajax的使用。JQuery提供了方便的API，如`$.ajax()`或`$.post()`，可以轻松地向服务器发送异步请求，获取响应，并在客户端更新页面。这样，用户可以即时看到登录成功与否的信息，...
这个“php+jquery+ajax最简单例子”旨在教你如何使用这些工具实现一个基本的异步数据交换功能。 首先，让我们深入了解这三个概念： 1. PHP（Hypertext Preprocessor）：这是一种服务器端脚本语言，主要用于网页...
本文将深入探讨一个完整的jQuery+AJAX传输请求的实例，旨在帮助开发者理解如何有效地使用这两种技术实现异步数据通信。 首先，jQuery是一个强大的JavaScript库，它为DOM操作、事件处理、动画效果和Ajax交互提供了...
**jQuery和Ajax结合使用是Web开发中的常见技术组合，它能帮助开发者实现页面无刷新的数据交互，提升用户体验。Ajax（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下更新部分网页内容的技术...
在这里，我们将深入探讨基于jQuery的Ajax应用，以"jQuery+Ajax例子"为标题，结合项目描述和标签，我们来详细讲解这些技术。 1. **jQuery简介** jQuery由John Resig在2006年创建，旨在使JavaScript编程变得更加简单...
jQuery的$.ajax()函数是实现Ajax请求的基础，它的基本用法如下： ```javascript $.ajax({ url: 'login.php', // 后端处理登录的PHP文件 type: 'POST', // 使用POST方式提交数据 data: {username: 'testUser', ...
本示例主要关注jQuery结合Ajax实现的分页功能，这种技术允许用户在不刷新整个页面的情况下加载新的内容，提高了用户体验。我们将深入探讨jQuery分页的核心概念、实现方法以及如何使用Ajax进行数据获取。 **一、...
在Web开发中，jQuery、Ajax和JSON是三个非常重要的技术，它们共同构成了高效、动态的用户界面的基础。本文将深入探讨这些技术，并结合一个名为"TestJQuery"的示例来展示它们如何协同工作。 首先，jQuery是一个...
AJAX（异步JavaScript和XML）技术在现代Web开发中扮演着关键角色，而jQuery的ajax方法则提供了简洁的API来实现这一功能。 首先，我们来看`bean - json`的转化。在Web服务中，我们经常需要在服务器端处理Java Bean...
本示例“通过Jquery实现Ajax传值.rar”着重讲解如何在MVC（Model-View-Controller）架构中利用jQuery的Ajax功能来传递数据，避免了传统表单提交带来的页面刷新问题。 首先，理解MVC模式是至关重要的。MVC是一种软件...
在Web开发领域，jQuery与AJAX的集成是创建动态、响应式用户界面的关键技术。jQuery是一个流行的JavaScript库，它简化了DOM操作、事件处理、动画效果以及与服务器的数据交互。而AJAX（Asynchronous JavaScript and ...
标题“jquery的ajax例子无错版”表明这是一个关于jQuery AJAX用法的示例，且已针对可能出现的编码问题进行了处理，确保在utf_8和gb2312两种常见字符编码下都能正常显示，避免了乱码问题。在多语言网站或者处理中文...
本话题将深入探讨如何使用jQuery的Ajax功能实现异步传输List和Map类型的数据，同时涉及JSON数据格式的使用。 首先，让我们了解JSON（JavaScript Object Notation），它是轻量级的数据交换格式，易于人阅读和编写，...
load()方法 、 $.get()和$.post()方法 、 $.getScript()和$.getJson() 、 $.ajax()方法 、 ...jQuery中的Ajax全局事件 这些都有详尽的例子，一看代码，你就能明白jquery里实现ajax是怎么回事了，简单明了。