jQuery的load请求

阅读量: 51 编辑

jQuery的load请求

一、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/hiajax')
    
                $('#myDiv').load('http://localhost:8080/load')
            }
            
            function loadMoreCourse(){
            	 // result的标签隐藏了
                $('#result').load('http://localhost:8080/s18/loadmore',function (resp) {
                    //也可以将返回的数据,手动插入到相应的标签中
                    $('#myDiv').append(resp)
                })
            }
    
        </script>
    
    </body>
</html>