Jquery简单地实现ajax

最近用到了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为什么不能正确解析

邮箱: [email protected]

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章