JQuery Tutorial | AJAX Load

最新推荐文章于 2021-08-06 14:12:06 发布

a771948524

最新推荐文章于 2021-08-06 14:12:06 发布

阅读量943

点赞数

分类专栏： Jquery

本文链接：https://blog.csdn.net/zxlstudio/article/details/15338253

版权

Jquery 专栏收录该内容

23 篇文章 2 订阅

订阅专栏

junk.php

<?php

echo 1;

?>

<div id="test">
zxltest
</div>

<div id="other">
zxlother
</div>

junk1.php

<?php
if(isset($_REQUEST['age']))
{
echo 'AGE WAS REQUESTED';
}

?>

<div id="test">
zxltest
</div>

<div id="other">
zxlother
</div>

text.htm

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" >

    $(document).ready(function () {

        //带函数的网页load
        $('#content').load('junk.php', function () {
            alert(1);
        });

//-------------------------------------------
//        //无函数的网页load
//        $('#content').load('junk.php');

//-------------------------------------------
//        //选择load后显示的id （div层）
//        $('#content').get('junk.php #other');

//-------------------------------------------
//        //get方法
//        $.get('junk.php', function () {
//            $('#content').html();
//        });

//-------------------------------------------
          //get方法参数
//        $("#text").click(function(){
//          $.get('junk1.php?age', function (data) {
//              $('#content').html(data);
//            });
//        });

    });
    
</script>
</head>
<body>
<input id="test" type="submit" />
<div id="content">

</div>
</body>
</html>