`
lpm528
  • 浏览: 83465 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

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

}

 

 

分享到:
评论

相关推荐

    jquery实现ajax小例子

    jquery实现ajax小例子(资源分高了点,但绝对物超所值) 使用jquery实现XML与JSON同服务器的通信 提供了很多个常见的Ajax特效,学习这几个特效能助您学习jquery 项目中已有相关的包及工具,导入MyEclipse后可直接...

    jquery,ajax的几个小例子

    在jQuery中,Ajax功能被封装得十分友好,使得开发者可以轻松地实现异步数据交换。 **一、jQuery中的Ajax基础** 1. **$.ajax()函数**:这是jQuery中最核心的Ajax方法,可以接受多个参数来定制请求。例如,URL、类型...

    springmvc利用jquery实现ajax的例子

    在本示例中,我们将探讨如何使用Spring MVC框架与jQuery库结合实现Ajax功能。Spring MVC是Spring框架的一部分,专门用于构建Web应用程序,而jQuery则是一个强大的JavaScript库,简化了DOM操作、事件处理以及异步HTTP...

    jquery实现的AJAX的一些例子

    本主题将深入探讨如何利用jQuery实现AJAX技术,通过给出的实际例子来增强理解。 AJAX(Asynchronous JavaScript and XML)是一种在无需刷新整个页面的情况下,能够更新部分网页的技术。jQuery提供了易于使用的API,...

    asp.net使用jquery ajax 小例子

    然而,在这个例子中,我们将重点放在jQuery的AJAX函数上,因为它是跨平台的,并且更加灵活。 jQuery的AJAX函数`$.ajax()`是核心。它允许我们创建一个异步HTTP(GET或POST)请求,从而在不刷新整个页面的情况下获取...

    Ajax(jQuery实现例子)

    Ajax(jQuery实现例子) Ajax(jQuery实现例子) Ajax(jQuery实现例子) Ajax(jQuery实现例子) Ajax(jQuery实现例子) Ajax(jQuery实现例子) Ajax(jQuery实现例子)

    JDBC+JQuery+ajax小例子

    在这个小例子中,JQuery库被用来简化Ajax的使用。JQuery提供了方便的API,如`$.ajax()`或`$.post()`,可以轻松地向服务器发送异步请求,获取响应,并在客户端更新页面。这样,用户可以即时看到登录成功与否的信息,...

    php+jquery+ajax最简单例子

    这个“php+jquery+ajax最简单例子”旨在教你如何使用这些工具实现一个基本的异步数据交换功能。 首先,让我们深入了解这三个概念: 1. PHP(Hypertext Preprocessor):这是一种服务器端脚本语言,主要用于网页...

    一个完整的jquery+ajax传送请求的实例

    本文将深入探讨一个完整的jQuery+AJAX传输请求的实例,旨在帮助开发者理解如何有效地使用这两种技术实现异步数据通信。 首先,jQuery是一个强大的JavaScript库,它为DOM操作、事件处理、动画效果和Ajax交互提供了...

    Jquery和ajax结合使用的小例子

    **jQuery和Ajax结合使用是Web开发中的常见技术组合,它能帮助开发者实现页面无刷新的数据交互,提升用户体验。Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下更新部分网页内容的技术...

    jquery+ajax例子

    在这里,我们将深入探讨基于jQuery的Ajax应用,以"jQuery+Ajax例子"为标题,结合项目描述和标签,我们来详细讲解这些技术。 1. **jQuery简介** jQuery由John Resig在2006年创建,旨在使JavaScript编程变得更加简单...

    jquery 实现ajax用户登陆 php

    jQuery的$.ajax()函数是实现Ajax请求的基础,它的基本用法如下: ```javascript $.ajax({ url: 'login.php', // 后端处理登录的PHP文件 type: 'POST', // 使用POST方式提交数据 data: {username: 'testUser', ...

    jquery ajax分页例子

    本示例主要关注jQuery结合Ajax实现的分页功能,这种技术允许用户在不刷新整个页面的情况下加载新的内容,提高了用户体验。我们将深入探讨jQuery分页的核心概念、实现方法以及如何使用Ajax进行数据获取。 **一、...

    jquery+ajax+json例子

    在Web开发中,jQuery、Ajax和JSON是三个非常重要的技术,它们共同构成了高效、动态的用户界面的基础。本文将深入探讨这些技术,并结合一个名为"TestJQuery"的示例来展示它们如何协同工作。 首先,jQuery是一个...

    jquery-ajax实例

    AJAX(异步JavaScript和XML)技术在现代Web开发中扮演着关键角色,而jQuery的ajax方法则提供了简洁的API来实现这一功能。 首先,我们来看`bean - json`的转化。在Web服务中,我们经常需要在服务器端处理Java Bean...

    通过Jquery实现Ajax传值.rar

    本示例“通过Jquery实现Ajax传值.rar”着重讲解如何在MVC(Model-View-Controller)架构中利用jQuery的Ajax功能来传递数据,避免了传统表单提交带来的页面刷新问题。 首先,理解MVC模式是至关重要的。MVC是一种软件...

    jquery和ajax的集成例子

    在Web开发领域,jQuery与AJAX的集成是创建动态、响应式用户界面的关键技术。jQuery是一个流行的JavaScript库,它简化了DOM操作、事件处理、动画效果以及与服务器的数据交互。而AJAX(Asynchronous JavaScript and ...

    jquery的ajax例子无错版

    标题“jquery的ajax例子无错版”表明这是一个关于jQuery AJAX用法的示例,且已针对可能出现的编码问题进行了处理,确保在utf_8和gb2312两种常见字符编码下都能正常显示,避免了乱码问题。在多语言网站或者处理中文...

    jQuery的Ajax实现异步传输List、Map

    本话题将深入探讨如何使用jQuery的Ajax功能实现异步传输List和Map类型的数据,同时涉及JSON数据格式的使用。 首先,让我们了解JSON(JavaScript Object Notation),它是轻量级的数据交换格式,易于人阅读和编写,...

    jquery最全面的ajax例子 ajax post get load 应有尽有

    load()方法 、 $.get()和$.post()方法 、 $.getScript()和$.getJson() 、 $.ajax()方法 、 ...jQuery中的Ajax全局事件 这些都有详尽的例子,一看代码,你就能明白jquery里实现ajax是怎么回事了,简单明了。

Global site tag (gtag.js) - Google Analytics