jQuery的load请求

阅读量: 251 编辑

一、jQuery的load请求写法

//从服务器加载数据，并把返回的数据放置到指定的元素中
load(url)

//处理返回值的方式
load(url,function(res){})

二、代码实战

代码的详细解读，可以参考视频教程

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script type="text/javascript" src="./res/jquery-1.11.3.min.js"></script>
    </head>
    
    <body>
        <div id="myDiv">load</div>
        <div id="result" style="display:none"></div>
    
        <!-- 点击事件 -->
        <button id="myBtn" onclick="doClick()">点击</button>
    
        <script type="text/javascript">
            function doClick(){
                //load 请求
                $('#myDiv').load('http://localhost:8080/load')
            }
            
            function loadMoreCourse(){
            	 // result的标签隐藏了
               $('#result').load('http://localhost:8080/s18/loadmore',function (resp){
                  $('#myDiv').append(resp)//将返回的数据，插入到相应的标签中
               })
            }
    
        </script>
    </body>
    
</html>