Ajax load()方法

《1》

load()函数用于从服务器加载数据,并使用返回的html内容替换当前匹配元素的内容。

load()函数默认使用GET方式,如果提供了对象形式的数据,则自动转为POST方式。
因为默认使用的是Get请求方式,所以我们也可以在url加数据进行提交。

例如$("#box").load("loadTest.html?name=zhang&age=25")

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Ajax</title>
    <script src="jquery-1.11.2.js"></script>
    <style type="text/css">

    </style>
</head>
<body>
    <input type="button" id="loadData" value="异步加载数据" />
    <div id="box"></div>
</body>
</html>
<script type="text/javascript">
   

    $(function () {
        //----------------------如何从另外一个页面加载数据到当前页

        
        $("#loadData").click(function(){
            $("#box").load("loadTest.html"); //将locdTest.html页面里面的数据通过异步的形式加载到当前页面中的#box元素中。
        })
        

        $("#loadData").click(function () {
            $("#box").load("loadTest.html p"); //把locdTest.html页面中的<p>标签通过异步的形式加载到当前页面中的#box元素中。
        })
       

        $("#loadData").click(function () {
            $("#box").load("loadTest.html .para"); //把locdTest.html页面中的class属性值为para的标签通过异步的形式加载到当前页面中的#box元素中。
        })
       
        
        $("#loadData").click(function () {
            $("#box").load("loadTest.html #city"); //把locaTest.html页面中id属性值为city的标签通过异步形式加载到当前页面中的#box元素中
        }) 

        $("#loadData").click(function () {
            $("#box").load("loadTest.html #a p"); //把locaTest.html页面中id属性值为a的元素下面的<p>标签通过异步形式加载到当前页面中的#box元素中
        })

    })
</script>


郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。