<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
<title>无标题文档</title>
</head>
<body>
<form id="buyForm">
<p>
<label for="textfield">
姓名
</label>
<input type="text" name="username" id="username" />
</p>
<p>
<label for="select">
购买书籍
</label>
<select multiple="multiple" name="books" id="books">
<option value="C语言程序设计">
C语言程序设计
</option>
<option value="数据结构(C语言版)">
数据结构(C语言版)
</option>
<option value="计算机组成原理">
计算机组成原理
</option>
<option value="管理信息系统">
管理信息系统
</option>
<option value="高等数学">
高等数学
</option>
</select>
</p>
</form>
<p>
<input type="button" name="buyButton" id="buyButton" value="购买" />
</p>
<div id="show"></div>
<script src="jquery-1.2.6.min.js" type="text/javascript"></script>
<script type="text/javascript">
$("#buyButton").click(function() {
$("#show").load("pro.jsp", $("#buyForm").serializeArray());
//$("#show").load('demo_ajax_load.txt');
});
</script>
</body>
</html>
<body>
<%@ page contentType="text/html; charset=UTF-8" language="java" %>
<%
String username = request.getParameter("username");
String[] books = request.getParameterValues("books");
username=new String(username.getBytes("ISO-8859-1"),"UTF-8");
out.println("<hr>");
out.println(username+" 你好");
out.println(" 您选择的图书如下：");
out.println("<ol>");
for (int i = 0; i < books.length; i++) {
out.println("<li>"+new String(books[i].getBytes("ISO-8859-1"),"UTF-8")+"</li>");
}
out.println("</ol>");
%>
</body>
调用struts2的ACTION返回一个结果页面
$("#picListDiv").load("admin/picQueryPageByAjax.action");
分享到：
相关推荐
### jQuery中的GET、POST与LOAD方法详解...jQuery 的 GET、POST 和 LOAD 方法以及 AJAX 方法为开发者提供了强大的工具来处理客户端与服务器之间的数据交互。通过合理运用这些方法，可以极大地提升 Web 应用的用户体验。
jQuery，作为一个广泛使用的JavaScript库，极大地简化了网页的DOM操作、事件处理、动画设计和Ajax交互。这份"jQuery API-090129"文档是2009年1月29日版本的官方API参考资料，对于学习和理解那个时期的jQuery功能与...
除了基本的Ajax方法，jQuery还提供了几个与Ajax相关的事件，如`ajaxStart`、`ajaxStop`、`ajaxSuccess`和`ajaxError`等，这些事件可以在Ajax请求的不同阶段触发，允许我们进行额外的处理。 **总结** Ajax结合...
本文将深入探讨jQuery中的一个关键Ajax方法——`load()`，它允许开发者从服务器动态地加载数据并将其插入到网页的指定元素中。 `load()`方法是jQuery提供的一个简便且功能强大的Ajax功能，其主要作用是异步获取远程...
**WordPress 插件 "simple-ajax-load-posts" 深度解析** 在WordPress开发中，提升用户体验的一个关键点是页面加载速度。"simple-ajax-load-posts" 是一个专为WordPress设计的插件，它允许用户通过Ajax技术实现帖子...
1. **$.ajax()**: 这是jQuery中最核心的AJAX方法，它接受一个配置对象作为参数，包含了请求的所有细节，如URL、类型（GET或POST）、数据、回调函数等。例如： ```javascript $.ajax({ url: 'server.php', type: ...
jQuery 中 AJAX 常用的方法总结 jQuery 是一个功能强大且流行的 JavaScript 库，它提供了许多有用的方法来处理 AJAX 请求。AJAX（Asynchronous JavaScript and XML）是一种创建交互式网页的技术，它允许网页从...
jQuery的`$.ajax()`方法是进行异步数据请求的核心，支持GET和POST等多种HTTP请求方式。`$.getJSON()`和`$.getScript()`分别用于获取JSON数据和远程脚本。`$.load()`则是简单的部分页面加载。此外，`$.ajaxSetup()`和...
- **AJAX请求**：`.ajax()`, `.get()`, `.post()`等方法使得异步数据交换变得简单，同时，`.load()`可以实现局部页面的动态加载。 - **动画效果**：`.fadeIn()`, `.slideUp()`, `.animate()`等动画函数为网页增加...
4. Ajax交互：`.ajax()`, `.getJSON()`, `.load()`等函数封装了异步请求，简化了与服务器的通信过程。 5. 插件生态：jQuery拥有丰富的插件生态系统，如jQuery UI、jQuery Validation等，为开发者提供了强大的扩展...
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.lazyload/1.9.7/jquery.lazyload.min.js"> ``` - **标记图片**：将需要延迟加载的图片添加特定的类名，例如`lazyload`。 ```html ...
在提供的代码片段中，可以看到两个函数：`doload1` 和 `doload2`，它们都使用了 jQuery 的 AJAX 方法来发送请求并处理返回的数据。 ##### 2.1 doload1 函数 ```javascript function doload1() { $.ajax({ url: ...
jQuery还提供了`.load()`方法，专门用于加载服务器上的HTML片段到当前页面： ```javascript $('#element').load('your_url #targetElement'); ``` **JDBC** Java Database Connectivity (JDBC) 是Java语言中用来...
`.getJSON()`、`.load()`等方法则针对特定需求提供了更简便的接口。 五、其他特性 jQuery 3.3.1还包含了一些实用工具方法，如`.each()`用于遍历集合，`.extend()`用于对象合并，`.trim()`用于字符串去空格，以及`....
3. **前端AJAX调用**：在JavaScript中，使用jQuery的`.ajax()`方法或者wp.apiRequest方法发起AJAX请求，通常需要设置URL和数据参数。 4. **nonce安全**：为了增加安全性，需要在前端和后端都使用nonce（一次性令牌）...
此外，还有`.load()`、`.get()`和`.post()`等简化版的Ajax函数，方便快速实现数据的获取和更新。 4. **动画效果**：jQuery的动画功能是其广受欢迎的原因之一。`.fadeIn()`, `.slideUp()`, `.animate()`等方法使得...
jQuery 是一个广泛使用的 JavaScript 库，它极大地简化了网页的DOM操作、事件处理、动画制作以及Ajax交互。在本文中，我们将深入探讨jQuery API，了解其核心功能和常见用法，为您的前端开发工作提供有力的支持。 一...
jQuery的`$.ajax()`函数是核心的Ajax方法，支持GET、POST等多种请求类型。还有简化的`$.get()`, `$.post()`以及`load()`方法用于快速实现异步数据加载。 **7. 插件开发与扩展** jQuery的可扩展性是其一大特点，通过...
二、jQuery中的AJAX方法 1. `$.ajax()`: 这是最常用的AJAX函数，它可以接受一系列参数，包括URL、请求类型（GET或POST）、数据、回调函数等，可以进行复杂的AJAX请求。 2. `$.get()`: 用于发起GET请求，它接受URL...