load方法用法集锦,方法用法集锦

作者: 韦德国际1946国际网址  发布:2019-08-05

调用load方法的一体化格式是:load( url, [data], [callback] ),其中
url:是指要导入文本的地址。
data:可选参数;因为Load不仅能够导入静态的html文件,还是能够导入动态脚本,举例PHP文件,所以要导入的是动态文件时,大家能够把要传递的参数放在此处。
callback:可选参数;是指调用load方法并取得服务器响应后,再奉行的其它三个函数。
一:怎样采用data 1.加载三个php文件,该php文件不含传递参数
$("#myID").load("test.php");
//在id为#myID的成分里导入test.php运营后的结果

调用load方法的总体魄式是:load( url, [data], [callback] ),其中

jQuery load()方法用法集锦!,jqueryload

调用load方法的完全格式是:load( url, [data], [callback] ),其中

  • url:是指要导入文本的地点。
  • data:可选参数;因为Load不仅能够导入静态的html文件,还足以导入动态脚本,举个例子PHP文件,所以要导入的是动态文件时,大家得以把要传送的参数放在这里。
  • callback:可选参数;是指调用load方法并取得服务器响应后,再实践的另外二个函数。

 

一:怎么着行使data

1.加载一个php文件,该php文件不含传递参数

$("#myID").load("test.php");

//在id为#myID的元素里导入test.php运行后的结果
  1. 加载一个php文件,该php文件含有三个传递参数

    $("#myID").load("test.php",{"name" : "Adam"});

    //导入的php文件含有三个传递参数,类似于:test.php?name=Adam

  2. 加载多少个php文件,该php文件含有八个传递参数。注:参数间用逗号分隔

    $("#myID").load("test.php",{"name" : "Adam" ,"site":"61dh.com"});

    //导入的php文件含有四个传递参数,类似于:test.php?name=Adam&site=61dh.com

  3. 加载几个php文件,该php文件以数组作为传递参数

    $("#myID").load("test.php",{'myinfo[]', ["Adam", "61dh.com"]});

    //导入的php文件含有二个数组传递参数。

注意:使用loadload方法用法集锦,方法用法集锦。,那个参数是以POST的不二法门传送的,因而在test.php里,不可能用GET来收获参数。

二:怎么着行使callback

譬喻我们要在load方法获取服务器响应后,稳步地出示加载的原委,就足以运用callback函数。代码如下:

$("#go").click(function(){

  $("#myID").load("welcome.php", {"lname" : "Cai", "fname" : "Adam", function(){

    $("#myID").fadeIn('slow');}

  );

});

示范和下载:jQuery-Load 

防卫jquery使用缓存的办法:

缓存这东西,在早晚水准上加紧了页面包车型的士装载,不过也屡屡给我们带来劳动。作者在上篇小说里大概介绍了jQuery中Load方法的应用。在实际上利用中,大家或者会超过浏览器缓存的主题素材。比如本身就在IE7里赶过那一个难题。

jQuery Load样本代码:

$(document).ready(function(){

  $("#labels").load("/blog/categories/labels.html");

  //在页面装载时,在ID为#labels的DOM元素里插入labels.html的内容。

});

当小编更新了labels.html日后,在IE7里load方法依然在动用旧的labels.html,即便笔者按刷新键也随意用。幸好jQuery提供多个防范ajax使用缓存的秘诀,把下部的语句加在head的javascript文件里,就可以解决难题。

$.ajaxSetup ({

    cache: false //关闭AJAX相应的缓存

});

另外作者再介绍三种办法化解缓存的方法。注意:自己从未在jQuery load的难题上测量检验过,这么些方法仅供仿效!

1.变动文件名,举例把labels.html改成lables_new.html,然则这是从未艺术的方式,一般从不人这样做。

2.在labels.html后增进一定时间,举个例子lables.html?20081116。在事实上中国人民解放军海军事工业程大学业作中,在笔者更新css/javascript文件后,小编皆以用这种艺术来防范文件被缓存。

3.在labels.html文本的顶上部分参与以下声明:

<META HTTP-EQUIV="Pragma" CONTENT="no-cache">

<META HTTP-EQUIV="Expires" CONTENT="-1">

4.load函数不只可以够调用HTML,也得以调用script,比如labels.php,能够在php文件里使用header函数:

<?php

header("Cache-Control: no-cache, must-revalidate");

?>

load的独特用法: 在load的url里拉长空格前边就足以跟选取器了。

比喻:笔者要求load  test.html的剧情,并只要取id为a的剧情。

Title$("body").load("test.html #a");

load()方法用法集锦!,jqueryload 调用load方法的总体格式是: load( url, [data], [callback] ),个中 url :是指要导入文本的地点。 data :可选参...

  1. 加载一个php文件,该php文件含有贰个传递参数
    $("#myID").load("test.php",{"name" : "Adam"});
    //导入的php文件含有三个传递参数,类似于:test.php?name=艾达m
  2. 加载一个php文件,该php文件含有两个传递参数。注:参数间用逗号分隔
    $("#myID").load("test.php",{"name" : "Adam" ,"site":"61dh.com"});
    //导入的php文件含有贰个传递参数,类似于:test.php?name=Adam&site=61dh.com
  3. 加载三个php文件,该php文件以数组作为传递参数
    $("#myID").load("test.php",{'myinfo[]', ["Adam", "61dh.com"]});
    //导入的php文件含有贰个数组传递参数。
    留心:使用load,这一个参数是以POST的情势传递的,由此在test.php里,无法用GET来博取参数。
    二:怎么着采纳callback
    例如我们要在load方法获得服务器响应后,稳步地出示加载的开始和结果,就能够选用callback函数。代码如下:
  • url:是指要导入文本的地方。
  • data:可选参数;因为Load不独有能够导入静态的html文件,仍是能够导入动态脚本,比方PHP文件,所以要导入的是动态文件时,大家能够把要传递的参数放在此处。
  • callback:可选参数;是指调用load方法并收获服务器响应后,再推行的另外叁个函数。

复制代码 代码如下:

 

$("#go").click(function(){
$("#myID").load("welcome.php", {"lname" : "Cai", "fname" : "Adam", function(){
$("#myID").fadeIn('slow');}
);
});

一:如何行使data

防止jquery使用缓存的措施:
缓存那东西,在早晚水准上加紧了页面包车型客车装载,然则也反复给我们带来劳动。笔者在上篇小说里差十分少介绍了jQuery中Load方法的选拔。在实际上利用中,大家兴许会跨越浏览器缓存的主题素材。比方我就在IE7里境遇那一个标题。
jQuery Load样本代码:

1.加载一个php文件,该php文件不含传递参数

$("#myID").load("test.php");

//在id为#myID的元素里导入test.php运行后的结果

复制代码 代码如下:

  1. 加载三个php文件,该php文件含有一个传递参数

    $("#myID").load("test.php",{"name" : "Adam"});

    //导入的php文件含有多少个传递参数,类似于:test.php?name=Adam

  2. 加载三个php文件,该php文件含有八个传递参数。注:参数间用逗号分隔

    $("#myID").load("test.php",{"name" : "Adam" ,"site":"61dh.com"});

    //导入的php文件含有二个传递参数,类似于:test.php?name=Adam&site=61dh.com

  3. 加载一个php文件,该php文件以数组作为传递参数

    $("#myID").load("test.php",{'myinfo[]', ["Adam", "61dh.com"]});

    //导入的php文件含有贰个数组传递参数。

$(document).ready(function(){
$("#labels").load("/blog/categories/labels.html");
//在页面装载时,在ID为#labels的DOM元素里插入labels.html的剧情。
});

注意:使用load,这么些参数是以POST的章程传递的,由此在test.php里,无法用GET来获得参数。

当自家更新了labels.html未来,在IE7里load方法依然在利用旧的labels.html,即便本人按刷新键也不论用。万幸jQuery提供二个防护ajax使用缓存的主意,把上边的语句加在head的javascript文件里,就足以缓慢解决难点。

二:怎么着运用callback

复制代码 代码如下:

比方大家要在load方法拿到服务器响应后,稳步地呈现加载的内容,就足以选取callback函数。代码如下:

本文由韦德国际1946发布于韦德国际1946国际网址,转载请注明出处:load方法用法集锦,方法用法集锦

关键词: 1946伟德国际