两数相加：
ajax.jsp
<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript" src="scripts/jquery-1.3.1.js"></script>
<script>
$(function(){
$("#button").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>+
<input type="text" id="param2"></input>=
<input type="text" id="result"></input>
<input type="button" value="get" />
</body>
</html>
处理的servlet
package com.sun;
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 {
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
int param1=Integer.parseInt(request.getParameter("param1"));
int param2=Integer.parseInt(request.getParameter("param2"));
response.setHeader("pragma", "no-cache");
response.setHeader("cache-control", "no-cache");
PrintWriter out = response.getWriter();
out.println(String.valueOf(param1+param2));
out.flush();
out.close();
}
}
分享到：
相关推荐
### jQuery使用Ajax方法调用WebService知识点详解 #### 一、简介 在Web开发领域中，Ajax（Asynchronous JavaScript and XML）技术被广泛应用于实现页面局部刷新等功能，极大地提升了用户体验。结合jQuery这一流行的...
【标题】：Jersey实现RESTful，CXF调用及jQuery AJAX调用 【内容】： 在现代Web开发中，RESTful API已经成为一种主流的接口设计模式，它以简洁、可扩展的方式提供服务。本篇将详细介绍如何使用Jersey框架实现...
6. **Promise 对象**：jQuery 的 AJAX 方法返回 Promise 对象，因此可以利用链式调用和 Promise 的各种方法（如 `.then()`, `.catch()`, `.finally()`）来组织异步流程。 7. **跨域请求**：jQuery 支持 JSONP（JSON...
本示例"Jquery跨域Ajax请求测试"将详细讲解如何利用jQuery实现这一功能。 首先，了解同源策略是理解跨域问题的关键。同源策略是浏览器为了保障用户安全而设定的一项机制，它规定了只有来自同一协议、同一域名和同一...
总的来说，Ajax里jQuery的ajax方法与SSH框架的集成涉及到前端的Ajax调用、后端的Controller处理、数据交互以及安全性考虑。这种集成允许我们在不刷新页面的情况下与服务器进行复杂交互，提高应用的响应速度和用户...
在现代Web开发中，AJAX技术用于实现页面的异步更新，jQuery通过提供的一系列AJAX相关方法，极大地简化了这一过程。 在jQuery中，$.ajax()是其底层的AJAX实现，是一个非常灵活的方法，它允许开发者通过参数配置几乎...
在提供的代码片段中，可以看到两个函数：`doload1` 和 `doload2`，它们都使用了 jQuery 的 AJAX 方法来发送请求并处理返回的数据。 ##### 2.1 doload1 函数 ```javascript function doload1() { $.ajax({ url: ...
6. **Promise对象**: jQuery的Ajax方法返回Promise对象，可以链式调用`.done()`, `.fail()`, `.always()`等方法处理异步操作的结果。 7. **自定义HTTP头**: 通过`headers`选项可以添加自定义请求头。 8. **跨域...
本文将通过解析jQuery Ajax的核心方法，帮助读者快速掌握其使用技巧。 #### 二、核心方法详解 ##### 1. `load(url, [data], [callback])` `load()` 方法是jQuery提供的一个非常实用的功能，用于加载远程HTML文档或...
此外，jQuery还提供了"load"函数，它是基于内容的Ajax交互方法，可以将远程数据加载到选定的元素中。与"$.ajax"相比，"load"函数的使用更直观简单，只需指定目标元素和URL即可实现数据的异步加载。这使得"load"函数...
1. **jQuery的$.ajax()函数**：这是jQuery进行Ajax请求的主要方法。它接受多个参数，如URL、请求类型（GET或POST）、数据类型（如json、xml等）以及回调函数等。例如： ```javascript $.ajax({ url: 'WebServiceURL...
jQuery 的 Ajax 方法返回一个 Promise 对象，可以链式调用 `then()` 和 `catch()` 处理结果： ```javascript $.ajax({ url: "data.json" }).then(function(data) { console.log(data); }).catch(function(error) ...
`.load()`是jQuery中一个简化的Ajax请求方法，主要用于加载远程HTML片段并插入到当前元素中。在示例代码中，`getQ()`函数使用了`.load()`方法来获取`index.jsp`页面的数据，并将结果填充到`#detailDisplay`元素内。...
### jQuery&Ajax完美版详细介绍 #### 一、jQuery概述 jQuery是一个快速、简洁的JavaScript库，它的设计目标是为了简化HTML文档遍历、事件处理、动画以及与服务器端交互等工作。它能够使用户的HTML页面保持代码和...
当 jQuery 发送 AJAX 请求时，Servlet 可以通过 `HttpServletRequest` 对象获取请求参数，通过 `HttpServletResponse` 对象设置响应内容。 在 jQuery AJAX 请求中，`this` 关键字的指向在不同上下文中有不同的含义...
jQuery提供了一系列简洁易用的方法来实现AJAX请求，这些方法简化了原本复杂的原生JavaScript AJAX编程过程。以下是一些关键的概念： - **$.ajax()**：这是jQuery中最核心的AJAX方法，提供了丰富的配置选项来定制...
- jQuery.load()是一个高级的Ajax方法，允许将远程页面的HTML内容加载到指定的DOM元素中。 - 它可以附加选择器来指定加载的特定部分。 - 默认情况下，load方法通过GET请求数据，但如果提供了数据参数，则会自动...
5. **Ajax调用**： - 使用`$.ajax()`或`$.get()`，可以发送异步HTTP请求到服务器。例如： ```javascript $.ajax({ url: 'remotePage.aspx', type: 'GET', data: { id: $(this).data('id') }, success: ...
上述过程演示了如何使用jQuery的ajax方法调用XML文件，并对数据进行遍历和节点操作。通过这种方法，开发者可以方便地将远程服务器上的XML数据加载到页面中，并动态地展示给用户。 在文档末尾，提供了一系列关于...
2. Jquery Ajax方法：Jquery框架简化了Ajax的调用过程，提供了一套简洁的API，使得开发者可以更加方便地执行Ajax调用。$.ajax()是Jquery提供的用于处理Ajax请求的一个函数，它支持GET、POST等多种HTTP请求方式，并...