jQuery中的load

最新推荐文章于 2021-03-18 10:06:19 发布
原创 最新推荐文章于 2021-03-18 10:06:19 发布 · 265 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

load( url, [ data ], [ callback(responseText, textStatus, XMLHttpRequest) ] ):

load()方法的URL参数的语法结构为：“url selector”。注意，URL和选择器之间有一个空格。

load.html

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<script src="jquery-2.0.3.js"></script>
<script>
	$(function(){
		$('#div1').load('data.html');
	});
</script>
</head>
<body>
<div id="div1">

</div>
</body>
</html>
data.html 

<li>100</li>
<li>200</li>
<li>300</li>
<div class = 'demo'>类选择器是demo的div</div>

如果只想加载类选择器是demo的div，则$('#div1').load('data.html .demo');在地址url后面加空格后，再使用选择器

默认请求是get


当有data参数时，默认是post方式：data形式{key:value}

$('#div1').load('2data.php',{"name":"hello"});
2data.php，当存在data参数时，php文件必须用$_POST接收参数 

<?PHP
	echo '<ul>
	<li>'.$_POST["name"].'</li>
	<li>200</li>
	<li>300</li>	
</ul>'
?>



如果PHP文件中用$_GET接收参数，则参数要写在url中，此时默认是get请求

$('#div1').load('2data.php?name=hello');



load()方法---------jQuery动态加载html
weixin_30339457的博客
01-05 1957
我的个人德州扑克项目https://github.com/mingzijian/pokers，欢迎给星星。 jquery代码 $("#div").load("test.html"); test.html ----------------被加载页面（有<HTML><HEAD><META><BODY>等的完整页面 ） $...
jquery的load函数实现页面的局部加载
z1340954953
10-16 6235
load局部加载页面
使用jQuery的load（url）加载网页的替代方案--不用考虑编码的问题
志超的专栏
05-18 4617
 在开发中为了界面的设计方便，采用了Jquary 使用load进行页面加载的时候，往往因为编码等问题弄得人焦头烂额，经过摸索本人找到了一个用iframe来实现的解决办法本例中动态调整iframe高度参考了网友代码，在此感谢！代码如下：<!--function showpage(url){ $(#disp).attr("src",url);//加载页面，disp是ifra
jquery的load加载js页面到指定div中
weixin_34301307的博客
11-12 482
4<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServ...
用jQuery的load方法动态加载页面，以及脚本问题
weilikk的博客
08-19 7476
一、了解load方法 load(url, [data], [callback]) 概述 载入远程 HTML 文件代码并插入至 DOM 中。 默认使用 GET 方式 - 传递附加参数时自动转换为 POST 方式。jQuery 1.2 中，可以指定选择符，来筛选载入的 HTML 文档，DOM 中将仅插入筛选出的 HTML 代码。语法形如 “url #some > selector”。请查看示例。 参数 url,[data,[callback]]String,Map/String,CallbackV1.0
使用jQuery的 load() 方法加载html公共模块
橙-极纪元-JJYCheng
03-18 4779
例如：网站头部 $(".header").load("header.html"); 例如：网站导航 $(".nav").load("nav.html"); 例如：网站底部 $(".footer").load("footer.html"); 官方解释 转载：https://www.runoob.com/jquery/jquery-ajax-load.html jQuery load() 方法 jQuery load() 方法是简单但强大的 AJAX 方法。 lo..
jquery中load方法的用法及注意事项说明
01-19
调用load方法的完整格式是：load( url, [data], [callback] ),其中 url：是指要导入文件的地址。 data：可选参数；因为Load不仅仅可以导入静态的html文件，还可以导入动态脚本，例如PHP文件，所以要导入的是动态文件...
jQuery中load()方法语法格式
06-28
### jQuery中load()方法语法格式详解 在前端开发领域，jQuery因其简洁的API和强大的功能，长期以来备受开发者青睐。其中一个非常实用的方法就是`load()`，它允许开发者以异步方式加载远程HTML文档或文档片段，并将...
IE8中jQuery.load()加载页面不显示的原因
12-09
 jQuery.load(url,[data],[callback])通过Ajax异步请求加载服务器中的数据，并把数据放到指定元素中。 •url ：请求服务器的地址 •data ：可选项，请求时发送的数据 •callback ：可选项，请求成功后的回调函数 ...
jQuery中ajax的load()方法用法实例
12-10
本文实例讲述了jQuery中ajax的load()方法用法。分享给大家供大家参考。具体分析如下： 此函数jQuery中简单而功能强大的ajax方法。 它可以从服务器加载内容，然后写入匹配元素。 语法结构: 代码如下:$(selector)....
Android 使用Jpush实现信息推送
lovoo的博客
05-16 821
使用Jpush实现信息推送
div中加载其他网页的方法
imzoer的专栏
11-27 1万+
有两种这种需求： 第一种是加载自己站点的网页。那么可以用jquery的load函数。 类似： $("#div").load("me.jsp"); 第二种是家在其他站点的网页，那么可以使用object标签来实现。 下面是我的实现代码： $(video_id).append("");
JQuery使用load方法加载外部div时，css，js无效的办法
jacobzhuo的博客
08-24 7792
JQuery使用load方法加载外部div时，css，js无效的办法 问题： 一个html页面a.html的js脚本中，用$(‘selector’).load方法，加载另一个html页面b.html中内容，b.html中css、js都失效。 解决办法一： 第一步：在a.html的js脚本中，使用load加载全部b.html，这样b.html中的js脚本便会生效，即： ...
jquery 之div 导入文本数据load 数据方法
有 prepare , No out
12-10 1175
1  $('#myDiv').load('myfolder/myfile.txt'); 演示效果： 2 get方法 $.get('example/myDoc.txt', function(data) {     alert(data); });
使用jquery load()方法
Tina的博客
12-12 1万+
对于前端只使用静态页面和js的简易方法搭建时，在菜单栏固定的情况下，可以考虑使用load方法切换静态页面。 作用：从服务器加载数据，并把返回的数据放置到指定的元素中。 语法：$(selector).load(url,data,function(response,status,xhr)) url是指要导入文件的地址。 data：可选参数；因为load不仅仅可以导入静态的html文件，还可以导...
jquery load方法用法详解
天地乾坤的博客专栏
07-21 1万+
jquery load是jquery ajax中的一种功能，load可以方便快速的直接加载一个页面到指定div中（html,php），并且它可以带参数，下面我来给大家详细介绍load方法用法. 格式 load(url,data,function(response,status,xhr)) 如何使用data 1.加载一个php文件，该php文件不含传递参数  代码如下
使用jQuery的load方法实现div局部刷新
热门推荐
03-17 4万+
在使用 ajax 进行删除用户操作的时候，可以在 success 里写一个window.location.reload();让页面刷新。但是，我不想那样，我只想局部刷新比如，我删除几个用户后，页面只会刷新上面的表格，该怎么做呢？ 传统的做法传统的纯 js 做法可以使用var content = document.getElementById("content");content.innerHTML...
解决用jquery load加载页面到div时,不执行页面js的问题
qq_35038331的博客
01-09 1万+
使用.bind()方法是很浪费资源的，因为它要匹配选择器中的每一项并且挨个设置相同的事件处理程序建议停止使用.live()方法，因为它已经被弃用了，由于他有很多的问题.delegate()方法“很划算”用来处理性能和响应动态添加元素的时候新的.on()方法主要是可以实现.bind() .live() 甚至 .delegate()的功能建议使用.on()方法，如果你的项目使用了1.7+的jQuery
jquery中load方法
05-11
jQuery中的load方法用于向服务器发送请求并将返回的数据加载到指定的元素中。它的语法如下： ```javascript $(selector).load(url, data, callback); ``` 其中，参数说明如下： - `selector`: 必需，要加载内容的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值