您的位置：首页 > Web前端 > JQuery

一个最简单的ajax+jquery

2008-06-29 09:43 405 查看

最近开始看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()
91e8
},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就可以运行了

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： ajax function html jquery tomcat string

相关文章推荐

新的分享

章节导航