最近用到了ajax,看了jquery的文档,实现了,记录一下。
需求
我实现当点击按钮的时候,让本页面的其他的部分刷新内容。向服务器发送GET请求,算是ajax里面最简单的情况。
方法
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("#div").load(url);
});
});
</script>
这是Jquery最简单的办法,给button写一个点击事件,当点击的时候,在另外的区域加载从服务器请求来的页面内容。
但是,我遇到了一个问题,就是我从服务器请求来的html加载时不能正确的解析 ,以我小白的水平,实在是解决不了。
于是乎,我换了另外一种稍微复杂一点的方法:
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$.get(url, function(data){
$("#div").html(data);
});
})
});
</script>
这样的方法完美的实现了,当然第一种方法要是不出问题的话,还是最好的。这个方法也比较简单,很好理解,先使用$.get
方法从服务器获得要加载的页面,然后使用$(select).html(html);
方法加载页面。因为$(select).html(html);
方法不能远程加载数据,也就是说不能访问服务器,所以就分了两步来实现。
还不算难,哪位大神帮我回答一下load方法加载html为什么不能正确解析,