`

jQuery中的get()/post()方法

 
阅读更多 

<!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');
				//指定向pro.jsp发送请求，以id为buyForm表单里各表单空间作为请求参数
				$.get("pro.jsp" , $("#buyForm").serializeArray() , 
				//指定回调函数
				function(data , statusText)
				{
					$("#show").empty();
					$("#show").append("服务器响应状态为：" + statusText + "<br />");
					$("#show").append(data);
				},
				//指定服务器响应为html
				"html"
				);
			});
		</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>
  • get.zip (22.1 KB)
  • 下载次数: 1
分享到：
| jQuery ajax - load() 方法
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jQuery+get/post+Ajax+Json

    标题"jQuery+get/post+Ajax+Json"揭示了这一技术组合如何在现代Web应用程序中实现高效的数据通信。 首先，jQuery是一个轻量级的JavaScript库，它极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互...

    jquery-get-post-load 方法

    ### jQuery中的GET、POST与LOAD方法详解 #### 一、概述 jQuery 是一款非常流行的 JavaScript 库，它简化了许多常见的 Web 开发任务，包括 AJAX 请求。本文将详细介绍 jQuery 中 GET、POST 和 LOAD 方法的使用方法...

    jquery由GET转成POST方法工具类

    在JavaScript和jQuery的世界里，GET和POST是两种最常见的...总的来说，理解GET和POST的区别以及如何在jQuery中进行转换，对于前端开发者来说至关重要。正确使用这些方法，不仅可以提高应用的安全性，还能提升用户体验。

    jQuery中Ajax的get、post等方法详解.docx

    本文主要解析jQuery中的$.get()、$.post()等方法，以及相关的$.getScript()和$.getJSON()方法。 首先，$.get()方法是使用HTTP GET请求方式向服务器获取数据。其基本语法如下： ```javascript $.get(url, data, ...

    jQuery中Ajax的get、post等方法详解.pdf

    本文主要解析jQuery中的$.get()、$.post()等Ajax方法，以及相关的$.getScript()和$.getJSON()方法。 首先，$.get()方法是使用GET方式发送异步请求，基本语法如下： ```javascript $.get(url, data, callback, type...

    jquery-3.5.1.rar

    jQuery的`$.ajax()`, `$.get()`, `$.post()`等方法简化了Ajax请求。例如，`$.get("url", function(data) {...})`将向指定URL发送GET请求，并在成功时执行回调函数。 7. **链式操作** jQuery的一大特性是链式操作...

    jquery最全面的ajax例子 ajax post get load 应有尽有

    $.get()和$.post()方法 、 $.getScript()和$.getJson() 、 $.ajax()方法 、 序列化元素 、 jQuery中的Ajax全局事件 这些都有详尽的例子，一看代码，你就能明白jquery里实现ajax是怎么回事了，简单明了。

    jQuery中get和post方法传值测试及注意事项

    用 jQuery 的都知道，jQuery 的 get 和 post 方法有三个参数：地址，数据 和回调函数，但我们知道地址也可以跟随数据的（形如：get_data.php?v1=1&v2=2），而且第二个参数可以省略，即第二个参数可 以直接写回调函数...

    jquery-3.5.1.js/min.js

    最后，jQuery对Ajax的支持也十分全面，`.ajax()`, `.get()`, `.post()`等方法使得异步数据交互变得易如反掌。同时，jQuery的Promise对象和`.done()`, `.fail()`, `.always()`等链式方法，让异步编程变得更加优雅。 ...

    jquery异步调用post get方式

    `$.ajax()`是jQuery中最通用的异步请求方法，它可以处理所有类型的HTTP请求，包括`GET`和`POST`。它的灵活性在于可以自定义更多的选项，例如设置请求头、超时时间等。基本用法如下： ```javascript $.ajax({ ...

    jquery中get,post和ajax方法的使用小结

    在JavaScript的库jQuery中，`get`、`post`和`ajax`方法是用于与服务器进行异步数据交互的关键函数，通常用于实现AJAX（Asynchronous JavaScript and XML）技术。这些方法允许我们在不刷新整个页面的情况下更新部分...

    jquery1.7 API/jquery-1.7.1.min.js/jquery-1.7.1.js

    - **$.ajax() 更新**：在1.7版本中，jQuery引入了全新的`$.ajax()`方法，统一了所有异步请求，包括GET、POST等，提供了更加灵活的配置选项。 - **Deferred 对象**：1.7版本加强了对Promise接口的支持，引入了...

    jquery-3.5.1.min.js_jquery-3.5.1.min.js_jquery_

    最后，jQuery的Ajax功能简化了异步数据交互，.ajax()和.get()、.post()方法使得与服务器的数据通信更为便捷。 在JavaScript开发者的工作中，jQuery 3.5.1可以显著提升开发效率。它抽象了浏览器之间的差异，提供了...

    学习jQuery中的Ajax——$.get()方法

    结合其他jQuery的Ajax方法，如`$.post()`和`$.getJSON()`，我们可以构建出功能丰富的、用户体验良好的Web应用。在实际开发中，理解并熟练运用这些工具至关重要，以便更好地优化和提升我们的项目。

    jquery中get和post的简单实例

    在jQuery中，`$.get` 和 `$.post` 是两种主要的 AJAX 方法，用于与服务器进行异步数据交互。这两个方法允许我们在不刷新整个页面的情况下更新网页的部分内容，从而提高用户体验。 1. `$.get` 方法： `$.get` 用于...

    jquery-1.11.1.js 、jquery-1.11.1.min.js 【官方jquery包 js】

    - `$.ajax()`：进行异步请求，支持GET和POST等多种HTTP方法。 - `$.get()`/`.post()`：简化版的Ajax请求，用于快速实现GET和POST操作。 - `$.getJSON()`：专门用于获取JSON数据的函数。 7. **`.min.js`版本** ...

    jQuery ajax、post、get、json格式传递数据例子

    本篇文章将深入探讨jQuery中的ajax、post、get方法以及如何使用json格式传递数据。 1. **jQuery的$.ajax()函数** `$.ajax()`是jQuery提供的核心Ajax功能，它可以实现异步数据交互。通过配置各种参数，可以灵活地...

    JQuery小实例/文档下载

    5. **Ajax交互（Ajax）**：jQuery的`$.ajax()`和`$.get()`, `$.post()`等方法简化了与服务器的异步数据交换，使得无需刷新页面即可更新内容。 **jQueryAPI-100214.chm文档** 该CHM文件是jQuery的API离线参考手册，...

    jqueryajax的$post和$get方法共3页.pd

    在实际应用中，`$.post()`和`$.get()`可以与jQuery的其他功能结合使用，如`serialize()`（序列化表单数据）和`ajaxStart()`/`ajaxStop()`（监控Ajax请求状态）。此外，它们还可以通过设置选项来定制请求行为，例如...

Magicbox
Global site tag (gtag.js) - Google Analytics