二十七、ajax处理方式---load

load(url,[data],[callback])

$(function(){
    //1、创建Ajax的方式,可以直接为包装器创建,这样,ajax之后的内容会自动加载到包装器中
    /*
    在URL中可以通过空格来插入相应的选择器,以下表示去01.html页面中获取id为c的元素加载进来
    */
    //$("#content").load("01.html  #c");
    //load在没有传递参数时,使用的是get请求,当使用了第二参数传值 之后,就自动转换为post请求
    $("#content").load("01.html",{id:11},function(data){
        //function这个回调函数表示,加载完成之后的一些处理方式
        //1、已经是完成了对content这个内容的处理之后才会调用该函数
        //alert(data);
       
        /*
        特别注意以下讲解:
        首先data是一个html类型的值,通过$(data)之后,会讲这个值包装为JQuery对象
        在jQuery中包装一个document是这样来处理,会将所有body中的根节点包装到包装器中
        */
        /*
            <h1>哈哈哈!加载成功</h1>
            <div id="c">
                呵呵呵!加载成功
                <div id="c1">
                这个是C1中的内容
                </div>
            </div>
        */
        //如果要获取h1的值,因为h1是根对象,会被包装到包装器中,只能通过filter来获取
        alert($(data).filter("h1").html());
        //id为c1的元素是包装器中的元素,所以需要通过find来获取
        alert($(data).find("#c1").html());
       
        alert($(data).filter("#c").html());
       
        /**
        * 总结,查找包装器用filter,查找包装器里面的东西用find
        **/
    });
});

相关推荐