`
zccst
  • 浏览: 3322387 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jQuery的$.load使用

 
阅读更多
作者:zccst

基本用法(来自手册)
//用法一
$("#feeds").load("feeds.html");

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


使用场景一:在A文件通过dialog嵌入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'];



使用场景二:在YII中使用
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 ));
	}
分享到:
评论

相关推荐

    详细解读Jquery各Ajax函数($.get(),$.post(),$.ajax(),$.getJSON())

    当使用$.getJSON()时,jQuery会自动处理JSON数据的解析,并将解析后的JavaScript对象传递给回调函数。这意味着,开发者可以直接操作JSON对象,而无需手动解析JSON字符串。 除了上述AJAX函数外,jQuery还提供了.load...

    jquery.lazyload.js

    使用jQuery.Lazyload.js的优势主要有以下几点: 1. **提升加载速度**:只加载用户当前需要看到的图片,减轻了服务器压力,减少了带宽消耗,使得网页加载更快,特别是对于移动设备用户来说,这可以节省宝贵的流量。 ...

    jQuery $.get 的妙用 访问本地文本文件

    在实际应用中,`$.get` 通常与 jQuery 的其他 AJAX 方法一起使用,如 `$.ajax`、`.load` 等,它们提供了更多的配置选项,如错误处理、缓存控制等。例如,如果你需要在请求失败时执行某些操作,可以添加错误处理回调...

    jquery.lazyload.min.js

    jquery.lazyload.min.js插件 直接下载引入即可~~~~~~~

    前端项目-jquery.loadtemplate.zip

    `jquery.loadtemplate` 是一个基于 jQuery 的插件,专门用于加载和使用模板,使得在Web应用中动态渲染内容变得更加便捷。这个压缩包文件“frontend-project-jquery.loadtemplate.zip”包含了一个名为“jquery-...

    Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结

    在jQuery中,有四种主要的Ajax方法用于与服务器进行异步数据交互,它们分别是$.get(), $.post(), $.ajax()和$.getJSON()。这些方法简化了JavaScript中的Ajax操作,使得开发者能够更加便捷地处理数据交互。 1. **$....

    jQuery Ajax之$.get()方法和$.post()方法

    在jQuery库中,$.get()和$.post()是两种非常常用的Ajax请求方法,它们用于向服务器发送异步请求,获取或提交数据,而无需刷新整个页面。这些方法都是全局函数,与jQuery对象的方法如.load()有所不同,后者是对特定...

    关于JQuery($.load)事件的用法和分析

    这篇文章主要探讨了$.load()的使用方法和一些相关的技巧。 首先,理解$.load()的基本用法至关重要。其基本语法结构如下: ```javascript $("#element").load(url, data, callback); ``` - `url`:指定要从服务器...

    jquery_api.mxp

    同时,还可以使用$.trigger()触发自定义事件。此外,还有$.event对象,包含了与事件相关的各种方法和属性。 五、动画效果 jQuery的动画功能是其的一大亮点。$.animate()方法可以创建自定义的平滑动画,$.fadeIn(),...

    jQuery.lazyload.js

    Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的. 在包含很多...

    html页面动态获取连接参数 jquery.params.js

    jQuery库提供了一个方便的工具函数`$.query`,可以帮助我们轻松实现这个功能。 首先,我们要理解什么是查询字符串。查询字符串是URL的一部分,位于问号(`?`)之后,用于传递数据到服务器或在页面加载后在客户端...

    jquery 常用工具集合 jcarousellite_1.0.1.js jquery.lazyload.js

    里面有jquery.dropkick-1.0.0.js、slider.js、fullcalendar-1.5.2、jquery.grumble.js、jcarousellite_1.0.1.js(已修改)、jquery.jqzoom.js、jquery.thickbox.js、jquery.jqzoom.js、jquery.lazyload.js、jquery....

    jquery中页面Ajax方法$.load的功能使用介绍

    $.load方法还支持使用jQuery的GET和POST方法来发起异步请求,例如: ```javascript $("#divResult").load("somepage.php", { "username": "testuser" }); ``` 这段代码会以GET方式向服务器发送一个用户名参数,并且...

    jquery.lazyload.js 图片懒加载 --demo

    - **初始化插件**:在文档加载完成后,调用`$.fn.lazyload`方法来初始化插件。 ```javascript $(function() { $("img[data-src]").lazyload(); }); ``` **3. Demo演示** 在提供的`imageLazy`压缩包中,包含了...

    jQuery1.10.3.CHM

    在Ajax交互方面,jQuery提供了一套完整的解决方案,包括`$.ajax()`, `$.get()`, `$.post()`等函数,使得异步请求变得简单易行。`$.getJSON()`和`$.load()`则分别用于获取JSON数据和加载远程HTML内容。 jQuery1.10.3...

    jquery.lazyload.min

    Jquery.lazyload.min 轻量级懒加载Jquery框架。

    jQuery 1.5 API 中文版

    $.jQuery( selector [, context] ), .jQuery( element ), .jQuery( elementArray ), .jQuery( jQueryObject ), .jQuery( ) $.jQuery( html [, ownerDocument] ), .jQuery( html, props ) $.jQuery( fn ) jQuery ...

Global site tag (gtag.js) - Google Analytics