JQuery load()函数

最新推荐文章于 2024-04-13 00:36:36 发布

lx258963

最新推荐文章于 2024-04-13 00:36:36 发布

阅读量211

点赞数

分类专栏： Jquery 文章标签： jQuery PHP Ajax Cache HTML ViewUI

本文链接：https://blog.csdn.net/lx258963/article/details/83922006

版权

Jquery 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

通常load()函数一般用于获取服务器上的静态文件

格式：load(url [,data] [,callback])


<html>
<head><title>Jquery Demo</title></head>
<body>
<div id="message"></div>
<input type="button" id="btnload" value="Load" />
</body>
</html>


$(function (){
    $('#btnload').click(function(){
        $('#message').load('aa.html');//这个的意思是载入aa.html文件
        $('#message').load('aa.html p')//这个意思是载入aa.html文件中的p段落依次类推，这个p可以是一个class  也可是一个id,这样可以在指定的网页中筛选数据！
    });
});

Ex2:传递参数


$(function (){
    $('#btnload').click(function(){
        $('#message').load('test.php',function(){
               //在网上查到的资料，在无参数的情况下是GET方式提交的
        });
        $('#message').load('test.php',{name:"lxx"},function(){
              //而有参数的情况下是POST的提交的，我测试了下，确实是这样，
              //这个传递类似于test.php?name=lxx  但是是post的方式的
        });
    });
});

Ex3:回调参数


$(function (){
    $('#btnload').click(function(){
        $('#message').load('test.php',function(responseText,textStatus,XMLHttpRequest){
               //这个在网上没有找到相关的demo，也不知道该杂用，暂时搁置
        });       
    });
});

最后，在网上查到了一些说这个load函数有一个不好的地方是会生成缓存，这样当你的载入的文件有改动时，它不会即时的去显示
不过有三种方法：
1.如果是html文件的话


<META HTTP-EQUIV="Pragma" CONTENT="no-cache">     
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">     
<META HTTP-EQUIV="Expires" CONTENT="0">

如果是php文件，则加入


<?php  header("Cache-Control: no-cache, must-revalidate");  ?>


$.ajaxSetup ({
    cache: false //关闭AJAX相应的缓存
});

3.改文件名，改成其它的文件名，这样会重新的去读！

lx258963

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JQuery load()函数

通常load()函数一般用于获取服务器上的静态文件[code="Js"]格式：load(url [,data] [,callback])[/code][table]|参数|类型|说明|| URL |String|请求HTML页面的URL地址||data(可选)|object|发送至服务器的key/value数据||callback(可选)|function|请求完成...
复制链接

扫一扫