二十七、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
**/
});
});
相关推荐
结束数据方法的参数,该如何定义?-- 集合为自定义实体类中的结合属性,有几个实体类,改变下标就行了。<input id="add" type="button" value="新增visitor&quo