jQuery的$.load使用

最新推荐文章于 2024-04-19 15:14:55 发布

原创最新推荐文章于 2024-04-19 15:14:55 发布 · 334 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

Web前端-使用jQuery

当前文章被收录于：

Web前端-使用jQuery

25 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了jQuery中的load()方法的基本用法及两个具体的应用场景。第一个场景是在A文件通过dialog方式加载并嵌入B文件，并展示了如何传递参数；第二个场景是在YII框架中使用load()方法，包括前端调用与后端响应的具体实现。

作者：zccst

基本用法（来自手册）


//用法一
$("#feeds").load("feeds.html");

//用法二
$("#feeds").load("feeds.php", {limit: 25}, function(){
   alert("The last 25 entries in the feed have been loaded");
});

[b]使用场景一：在A文件通过dialog嵌入B文件[/b]

第一步：在A文件


var url = "path/to/name.php?id=2345";
var div = $(".device_dialog").length == 0 ? $("<div class='device_dialog'></div>").appendTo("div.create"):$(".device_dialog");
div.load(url).dialog({
})

第二步：在B文件，即name.php
接收A文件传递过来的参数，


echo $_GET['id'];

[b]使用场景二：在YII中使用[/b]
1，前端


var div = $(".haha");
$("body").showLoading();
div.load("?module/controllerID/actionID",{key:value},function(r){
    $("body").hideLoading();
    $(this).dialog({});
},'json');

2，后端


public function actionUserDoing() {
		$uid = $this->request->getParam("user_id");
		$this->render('user_doing', array('uid ' => $uid ));
	}

标签

#php #javascript #后端 #ViewUI

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

zccst

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

$.load()的用法

weixin_34191734的博客

11-29

2221

jquery load 事件用法 jquery load 事件用法如果绑定给window对象，则会在所有内容加载后触发，包括窗口，框架，对象和图像。如果绑定在元素上，则当元素的内容加载完毕后触发。注意:只有当在这个元素完全加载完之前绑定load的处理函数,才会在他加载完后触发。如果之后再绑定就永远不会触发了。所以不要在$(document).ready()里绑定load事件...

jquery 之 $().load 用法

weixin_30877227的博客

07-28

255

　　$.load() 的使用相对于$.ajax会方便一些。本文重点主要放在传递参数和返回显示页面。　　　　(本文主要转自： http://www.blogjava.net/merek/articles/269233.html) 　　如果绑定给window对象，则会在所有内容加载后触发，包括窗口，框架，对象和图像。如果绑定在元素上，则当元素的内容加载完毕后触发。　　注意:只有当在...

参与评论您还未登录，请先登录后发表或查看评论

jquery的load方法----$().load

kissing7的专栏

11-27

1369

jquery load()方法是jquery ajax中无刷新中的一个方法了，他可以实现直接加载页面中的内容放到指定ID中，也可以带参数刷新页面哦，下面我来给大家介绍load()一些用法与常用见问题。最近网站做一些改动，需要引用另一个网站的页面，于是用到了jQuery框加中的load方法。挺方便的。 load(url, [data], [callback])手册上的说明很直接明了：载

【$.load()、 $.get() 、 $.post() 、 $.ajax()】用法区别 ★★★★★★★★★★★

weixin_30872867的博客

03-17

359

$.load()、 $.get() 、 $.post() 、 $.ajax()用法区别 load（）方法： 1.方法是jquery中最为简单和常用的Ajax方法能载入远程的HTML代码并插入DOM中结构为： load(url [,data] [,callback]); 参数说明： url 类型String 请求HTML页面的URL地址 data(可选) 类型OBJECT ...

html load方法的区别,局部方法$("html").load()和全局方法$.get()、$.post()

weixin_42310670的博客

06-24

2322

一、.load().load()方法可以参数三个参数：url(https://blog.csdn.net/%E5%BF%85%E9%A1%BB%EF%BC%8C%E8%AF%B7%E6%B1%82%20html%20%E6%96%87%E4%BB%B6%E7%9A%84%20url%20%E5%9C%B0%E5%9D%80%EF%BC%8C%E5%8F%82%E6%95%B0%E7%B1%BB%E5%9E%8B%E4%B8%BA%20String)、data(可选，发送的 key/value 数据，参数类型为 Object)、callback(可选，成功或失败的回调函数，参数类型为函数 Function)。如果想让 Ajax 异步载入一段 HTML 内容，我们只需要一个 HTML 请求的 url 即可。//HT...

JQuery中的load()、$，大厂意外流出

2401_84092360的博客

04-04

1060

面试题千万不要死记，一定要自己理解，用自己的方式表达出来，在这里预祝各位成功拿下自己心仪的offer。需要完整面试题的朋友可以点击蓝色字体免费获取[外链图片转存中…(img-N5QogCWl-1712161043236)]由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

jQuery AJAX —开篇 $.load()

热门推荐

Akk

01-15

1万+

前言之前的一篇博客，对Ajax的理解Ajax核心对象 XMLHTTPRequest五步学会使用，对Ajax的作用和基本使用有了一些了解。这里做一个简单总结，AJAX核心对象XMLHTTPRequest和服务器的交互过程：过程：初始化→发送请求→等待服务器响应→接收响应　　1.创建XMLHTTPRequest对象　　2.使

JQuery中的load()、$

2401_84152991的博客

04-19

319

总结来说，面试成功=基础知识+项目经验+表达技巧+运气。我们无法控制运气，但是我们可以在别的地方花更多时间，每个环节都提前做好准备。面试一方面是为了找到工作，升职加薪，另一方面也是对于自我能力的考察。能够面试成功不仅仅是来自面试前的临时抱佛脚，更重要的是在平时学习和工作中不断积累和坚持，把每个知识点、每一次项目开发、每次遇到的难点知识，做好积累，实践和总结。点击这里领取Web前端开发经典面试题。

Jquery中$.ajax $.post load用法与区别

暴走影视

09-26

658

在jquery中我们要实现无刷新页面可以使用有$.ajax $.post $('#xxx').load(url,para)三个函数来实现 $.ajax用法 function ...

[Jquery]关于$.load()和公共CDN库使用的一些问题

weixin_30597269的博客

05-06

202

对应问题：　　1、js和jquery无效　　2、点击事件无效　　3、使用$.load()时onload无效　　4、使用$.load()时，公共cdn库无效讨论：　　当A页面中的元素使用jquery的$.load()方法动态加载B页面时，B页面的ready方法会被触发，但是B页面的window.onload方法不会触发。　　比如A中有这样一句话$('b...

浅谈JQuery中的load()、$.get()和$.post()

lingtouyang的博客

01-13

803

JQuery中的load()、$.get()和$.post()详解 load() 1.载入HTML文档 load()方法是jQuery中最为简单和常用的Ajax方法，能载入远程HTML代码并插入DOM中。它的结构为： load(url [,data][,callback]) 首先创建一个test.html文件，用于被load()方法加载并追加到页面中。 test.html <!DOCT...

JQuery中的load()、$.get()和$.post()详解（转）

jdnicky的博客

06-16

2990

load() 1.载入HTML文档 load()方法是jQuery中最为简单和常用的Ajax方法，能载入远程HTML代码并插入DOM中。它的结构为： load(url [,data][,callback]) 参数名称类型说明 url String 请求HTML页面的URL地址 data(可选) Object 发送至服务器的key/v...

jQuery异步通信方法 load()、$.get()、$.post()、$.getScript()、$.getJSON()、$.Ajax()

weixin_43297321的博客

06-30

873

一、分3层，ajax最底层，可以实现代替其他方法在jQuery中，$ .Ajax()方法属于最底层的方法，第2层是load()，$ .get()，和$ .post()，第3层是 $ .getScript()和$.getJSON()方法。 $.getScript()，$.getJSON() load() ， $.get()，$.post() $.Ajax() 二、load()方法详解 load() 方法从服务器加载数据，并把返回的数据放置到指定的元素中（返回的一般都是innerHTML）。注意：还存在

Flask与ajax（jQuery）交互的几种方法：$.post、$.get、$.getJSON 、$.ajax、 $.load

xiemanR的专栏

12-22

1万+

本文介绍jQuery封装的几种ajax方法与Flask后端交互的实现。jQuery封装的ajax方法有post、get、getJSON、ajax、load等，使用起来很方便。

jquery $(document).ready()和$.load执行顺序

德州仪器

10-30

2817

$('#test2').load('test2.html'); $(document).ready(function(){ $('#btn').click(function(){ alert('绑定成功'); }); }); 接下来是test2.html test2 这样之后点击test2按钮，但是不会有任何反

JQuery 笔记 $.load get post ajax

deny6250的博客

06-19

104

1. load 从服务器上获取静态文件 <div id="resText"></div> $('resText').load('test.html', {a:1, b:2}, function(responseText, textStatus, XMLHttpRequest){ // code here }) 2. get ...

JQuery中$.load()方法的用法和分析【转】

liNewman的博客

09-29

229

JQuery中$.load()方法的用法和分析【转】本文转自：http://www.jb51.net/article/35386.htm 首先我们需要清楚的是jquery的load方法是对jQuery.ajax()进行封装以方便我们使用的一个方法，当我们需要处理较为复杂的逻辑时候，还是需要用到jQ...

html load方法的区别,jQuery 中的.load()、$get()、$,post()用法和区别

weixin_42526166的博客

06-24

730

.load()方法是局部方法，因为他需要一个包含元素的jQuery对象作为前缀。而$.get()和$.post()是全局方法，无须指定某个元素。对于用途而言，.load()适合做静态文件的异步获取，而对于需要传递参数到服务器页面的，$.get()和$.post()更加合适。$get()、$,post()具体区别如下：1.GET 请求是通过URL 提交的，而POST 请求则是HTTP 消息实体提交...

JQuery对ajax的支持 $.ajax $.get $.post load serialize

litengbin的博客

01-18

278

JQuery也有对AJAX的支持，使得其对AJAX的操作简化了很多。