jsp代码
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!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">
<script type="text/javascript" src="<c:url value='/jquery/jquery-1.4.2.js'></c:url>"></script>
<script type="text/javascript">
$(function()
{
$("#button1").click(function()
{
$.ajax({
type:"POST",
url:"MyServlet",
dateType:"html",
data:{'param1':$("#param1").val(), 'param2':$("#param2").val()},
success:function(returnedData){
$("#result").val(returnedData);
}
});
})
});
</script>
</head>
<body>
<input type="text" id="param1">+
<input type="text" id="param2">=
<input type="text" id="result"><input type="button" id="button1" value="请点击">
</body>
</html>
servlet代码
package com.javasky.servlet;
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 MyServlet extends HttpServlet
{
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException
{
System.out.println(req.getParameter("param1"));
System.out.println(req.getParameter("param2"));
int param1 = Integer.parseInt(req.getParameter("param1"));
int param2 = Integer.parseInt(req.getParameter("param2"));
resp.setHeader("param", "no-cache");
resp.setHeader("cache-control","no-cache");
PrintWriter out = resp.getWriter();
out.println(String.valueOf(param1+param2));
out.flush();
}
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
this.doPost(req, resp);
}
}
分享到:
相关推荐
Jquery Ajax调用.ashx或.cs文件来实现简易的计算器
jquery ajax xml 实现省市县下拉列表联动 加载全中国的省市县信息
php 用jquery ajax登陆,这是一个最简单的jquery ajax登陆实例,看了这个相信聪明的你能写出更好的东东!
Jquery ajax 读取txt文件 Jquery分页 Jquery ajax 读取txt文件 Jquery分页
Jquery_ajax实现搜索
Jquery Ajax 实现自动填充地址。
本篇文章主要介绍了jQuery Ajax前后端使用JSON进行交互示例,实现前端通过jQuery Ajax传输json到后端,后端接收json,对json进行处理,后端返回一个json给前端,有兴趣的可以了解一下。
Struts2+jQuery ajax的一个商品小系统Struts2+jQuery ajax的一个商品小系统
jqueryajax jquery ajax
Jquery Ajax动态增删改查,Jquery Ajax
jquery ajax 实现用户登录,页面无刷新即可实现实现登陆验证,代码也简单。
vs2013 利用Ajax+Jquery实现异步进度条效果
jquery ajax 实现智能搜索
jQuery AJAX实现的RSS阅读器,能够在页面上显示任何rss内容
jQuery+Ajax实现排序效果
本人亲自写的jQuery+ajax实现登录验证,内含两个项目,注释清晰,特来和大家分享
主要介绍了php+jQuery ajax实现的实时刷新显示数据功能,结合实例形式分析了php结合jQuery ajax实时刷新读取显示数据库数据相关操作技巧,需要的朋友可以参考下
jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换...
主要介绍了为jquery的ajax请求添加超时timeout时间的操作方法,文中通过一段简单的代码给大家介绍jquery ajax超时设置方法,感兴趣的朋友跟随脚本之家小编一起看看吧
一个简单的jquery ajax 实现页面与后台的无刷验证