如何使用ajax向Div里面加载本地html页面

html-css020

如何使用ajax向Div里面加载本地html页面,第1张

可以直接load()到div里,

或ajax({

url:文件路径,

success:function(res){

//把res当内容付给div

div.html(res)

}

})

因为先后顺序的关系啊~用AJAX加载是异步加载这个应该很清楚吧~既然是异步加载那么就是非同步的,也就是说当你的整个页面加载完成后$('.div').click(function(){.....})这句根本找不到你异步加载的DIV,所以它就不会执行了,即使你之后再把<div class="div">div</div>这个加载进来,在浏览器也不会找到这个DIV的,因为浏览器在第一次加载的时候没有找到它,并且浏览器在你加载进这个DIV来之后也不会重新渲染一次,所以找不到。

而你加载进来的<div onclick=dofun("prameter")>div</div>,是它去找的这个函数,而dofun这个函数是之前就被浏览器渲染过了,只是还没有调用,而你新加载进来的DIV正好要调用之前就已经渲染好的函数,所以就可以使用了~

主要还是异步和同步区别的关系~如果不懂再问我吧~

$(document).ready(function(){

$("#b01").click(function(){

htmlobj=$.ajax({url:"csdaizuo.com",async:false})

$("#myDiv").html(htmlobj.responseText)

})

})

像这样,页面在不加载的情况下就可以获取数据,这就是ajax,所以您不需要考虑页面重新加载的情况,