jQuery ajax - load() 方法

最新推荐文章于 2024-05-22 13:52:22 发布
最新推荐文章于 2024-05-22 13:52:22 发布
阅读量86 收藏
点赞数
分类专栏： jquery 文章标签： javascript xhtml c/c++ ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_21104/article/details/82357371
版权
[img]http://dl.iteye.com/upload/picture/pic/114466/2927d6dc-d032-3b33-9f8b-ff10efdb6cbc.jpg[/img] 

<!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");
iteye_21104
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
024-jQuery AJAX-load()方法
weixin_43404791的博客
01-26 776
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script> <script> $(document).ready(function(){
jQuery-AJAX -load（）方法
m0_73839298的博客
10-25 109
作用:load（）方法用于异步加载HTML文档片段并在目标元素中插入这些内容的方法。它不仅用于加载HTML文档，还可以用于加载JSON数据以及执行JavaScript文件。• url：字符串，表示请求的HTML文档、JSON数据或JavaScript文件的URL。• 如果从服务器加载的HTML包含JavaScript代码，这些代码将自动执行。• data（可选）：对象，表示发送至服务器的 key/value 数据。• callback（可选）：函数，表示请求成功后执行的回调函数。
thymeleaf 结合jquery-ajax-load实现模板局部渲染
搬山境KL攻城狮的修炼手册
02-25 1128
thymeleaf 结合jquery-ajax-load实现模板局部渲染 文章目录thymeleaf 结合jquery-ajax-load实现模板局部渲染一、jQuery - AJAX load() 方法二、thymeleaf 模板三、controller控制层 一、jQuery - AJAX load() 方法 语法 $(selector).load(URL,data,callback); 示例 $("button").click(function(){ $("#div1").load("demo_
ajax中load方法,jQuery - AJAX load()方法
weixin_35798040的博客
08-05 172
jQuery - AJAX load()方法jQuery load()方法是一种简单但功能强大的AJAX方法。jQuery load()方法jQuery load()方法从服务器加载数据，并将返回的HTML放入所选元素中。此方法提供了一种从Web服务器异步加载数据的简单方法。这是load()方法的语法：$(selector).load(URL,data,callback)参数：URL-指定您要...
ajax中load方法,详解jQuery中ajax.load()方法
weixin_31887421的博客
08-05 1054
jQuery load() 方法jQuery load() 方法是简单但强大的 AJAX 方法。load() 方法从服务器加载数据，并把返回的数据放入被选元素中。语法:load()函数用于从服务器加载数据，并使用返回的html内容替换当前匹配元素的内容。load()函数默认使用GET方式，如果提供了对象形式的数据，则自动转为POST方式。因为默认使用的是Get请求方式，所以我们也可以在url加数据...
jQuery ajax - load() 方法 动态加载html
damei2017的博客
11-30 1092
$("#div").load("page.html",function () { $("#div").modal("show");//divshow等操作 });  
jQuery Ajax之load()方法
tasty
10-08 402
load()方法是jQuery中最为简单和常用的Ajax方法，能载入远程HTML代码并插入到DOM中。它的语法结构为： 　　load( url [, data][, callback] ) 　　load()方法参数解释见下表： 参数名称 类　型 说　　明 url String 请求HTML页面的URL地址 data（可选）
jquery的ajax方法实例,jQuery中ajax - get() 方法实例详解
weixin_35921127的博客
08-05 336
在jquery中使用get，post和ajax方法给服务器端传递数据，在上篇文章给大家分享了jquery中ajax-post()方法实例，下面通过本文继续学习jQuery中ajax - get() 方法，具体介绍请看下文。jQuery Ajax 参考手册实例使用 AJAX 的 GET 请求来改变 div 元素的文本：$("button").click(function(){$.get("demo_...
网站内容ajax显示不出来,jQuery ajax - load() 方法显示不了加载的页面内容
weixin_35952362的博客
08-06 397
用户提问//index.html$(document).ready(function(){$("#b01").click(function(){$("#myDiv").load("1.txt", function() {alert("Load was performed.");});});});通过 AJAX 改变文本改变内容//1.txt123456789推荐答案在jQuery ajax的loa...
jQuery中Ajax的load方法详解
10-24
本文重点个大家讲解了几个jQuery中ajax的load()方法的使用实例，load()方法是jQuery中最为简单和常用的Ajax方法，能远程载入HTML代码并插入DOM中
jQuery - AJAX load() 实例用法详解
10-16
主要介绍了jQuery - AJAX load() 实例用法以及相关知识点总结，有需要的朋友们参考下。
ant design DatePicker日期选择框指定分钟的间隔minuteStep属性
u010234868的专栏
05-17 223
在上面的例子中，DatePicker 将只允许用户以 15 分钟为间隔选择分钟。是 Ant Design 的 TimePicker时间选择框组件的一个属性。设置为 30，则用户可以选择以 30 分钟为间隔的分钟值。如果你想让分钟选项只能以 15 分钟为间隔选择，你可以将。
Vue.js的发展史（一）
2301_79683791的博客
05-15 788
Vue (发音为 /vjuː/，类似view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。来源官方解释-----简介 | Vue.js (vuejs.org)简单来说：Vue是一个属于JS的库，可直接引入一个JS文件就可以使用，与传统JS和JQuery框架不同，Vue的渐进式框架。
【学习笔记】后端（Ⅰ）—— NodeJS（Ⅱ）
Eddie_hyh的博客
05-21 516
NodeJS（Ⅱ）
React函数式组件的父子方法互相调用，父组件调用子组件方法，子组件调用父组件方法
SongZhengxing_的博客
05-18 223
子组件需要使用 forwardRef 函数包裹，然后使用 useImperativeHandle 暴露属性和方法。编写子组件 Child。
前端开发攻略---用Vue实现无限滚动的几种方法
最新发布
nibabaoo的博客
05-22 532
用vue实现无限滚动
jquery ajax常用的方法
03-27
6. $.load() - 从服务器加载数据并将其插入到 DOM 元素中。 7. $.ajaxSetup() - 设置全局 AJAX 默认选项。 8. $.ajaxPrefilter() - 在 AJAX 请求之前对请求进行操作。 9. $.ajaxComplete() - AJAX 请求完成时执行的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值