一个最简单的ajax+jquery

来源：互联网发布：网络投资平台最多的编辑：程序博客网时间：2024/05/22 14:41

最近开始看jquery的ajax部分做了第一个例题

index.html:

<html><body><script type="text/javascript" src="jquery-1.2.3.pack.js"></script><script type="text/javascript">$(document).ready(function(){$("#a").keyup(function(){$("#kk").html("");$.get("add.jsp",{a:$("#a").val(),b:$("#b").val()},function(html){    $("#kk").append(html);  });});$("#b").keyup(function(){$("#kk").html("");$.get("add.jsp",{a:$("#a").val(),b:$("#b").val()},function(html){    $("#kk").append(html);  });});});</script><input type="text" id="a"></input>+<input type="text" id="b"></input><div id="kk"></div></body></html>

add.jsp :

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"    pageEncoding="ISO-8859-1"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"><title>Insert title here</title></head><body><%String aStr = request.getParameter("a");String bStr = request.getParameter("b");Double a = Double.parseDouble(aStr);Double b = Double.parseDouble(bStr);out.print(a+b);%></body></html>

在tomcat里面新建一个工程把这两个文件和jquery.js部署到里面去后再加入一个WEB-INF文件夹后启动tomcat就可以运行了