$(document).ready()使用讨论

<script language="JavaScript" type="text/javascript">

    $(document).ready(function(){ 

        $.ajax({

            url : '${base}/merchantHome/findMyNotices.action?merchantNoticeDto.limit=3',

            type : 'post',

            dataType : "text",

            success : function(text) {

                isPro = false;

                if(null != text && "" != text){

                    $('#MyNoticesDiv').html(text);

                }

            }

        });        

    })

</script>

一、先为说说 $(document).ready() 的功能：

1. JQuery API对 $(document).ready() 的解释是：当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。

2. 我的理解：$(document).ready() 用于当前页面加载完成后，就执行其定义的方法，用于异步加载，提交页面响影的速度，用于在一个页面中包含多个页面的情况（一个页面中使用多个iframe）。

二、使用方法如下：

1. 将页面中使用iframe的地方使用div代替；并定义div的ID属性。代码示例如下：

<div id="MyNoticesDiv" width="100%" height="195px">
</div>

2. 在js定义$(document).ready()，代码示例如下：

<script language="JavaScript" type="text/javascript">
$(document).ready(function(){
$.ajax({
url : '${base}/merchantHome/findMyNotices.action?merchantNoticeDto.limit=3',
type : 'post',
dataType : "text",
success : function(text) {
isPro = false;
if(null != text && "" != text){
$('#MyNoticesDiv').html(text);
}
}
});
})
</script>

3. 就这么简单，页面完成后，通过js再加载div中要显示的内容。

随机推荐

nyist 78 圈水池
http://acm.nyist.net/JudgeOnline/problem.php?pid=78 圈水池时间限制:3000 ms | 内存限制:65535 KB 难度:4 描述有一个 ...
C++ Primer &colon; 第十四章 &colon; 重载运算与类型转换之重载运算符
重载前须知重载运算符是特殊的函数,它们的名字由operator和其后要重载的运算符号共同组成. 因为重载运算符时函数, 因此它包含返回值.参数列表和函数体. 对于重载运算符是成员函数时, 它的第一个 ...
Linux下查看和添加环境变量
转自:http://blog.sina.com.cn/s/blog_688077cf01013qrk.html $PATH:决定了shell将到哪些目录中寻找命令或程序,PATH的值是一系列目录,当您 ...
linux内核学习（一步一步走）——内核概述
一.用户空间与内核空间: 用户通过用户空间与操作系统打交道,程序员开发或使用的应用程序位于用户空间.用户空间不能直接访问内核,从而不能访问硬件资源,但是可以通过内核定义的最外层例程——系统调用来访问. ...
第2个Wiindows程序讲解
上次,我们一起写了一个Windows窗口程序,这个窗口程序虽然非常简单,但是,代码仍然很多,相信,一定会有很多初学者看见这些代码而感到头疼.不用怕,现在,我们就一起来分析一下这些代码,相信通过我们共同 ...
JavaScript为unicode编码转换为中文
代码laycode - v1.1 关于这样的数据转换为中文问题,常用的以下方法. 1. eval解析或new Function("'+ str +'")() str = eval ...
OS Kernel Parameter&period;semopm
安装Oracle11g内核参数semopm未校验通过,点击Fix&Check Again后,会提示执行修改脚本,在/tmp/CVU_11.2.0.1.0_oracle下,找到并执行该脚本run ...
laravel框架安装Curl扩展
然后进入根目录执行命令 composer update 完毕.
Win10系列：C&num;应用控件基础4
ComboBox控件 ComboBox控件包含一个不可编辑的文本框和一个下拉列表,这个下拉列表是由多个ComboBoxItem子元素组成的.使用ComboBox控件可以节省界面空间,因为ComboBo ...
[Nginx]Nginx的基本配置与优化1（完整配置示例与虚拟主机配置）
---------------------------------------------------------------------------------------- 完整配置示例: [ n ...

秒客网

$(document).ready()使用讨论

随机推荐

相关文章