Jquery简单地实现ajax

来源:互联网 发布:淘宝链接转成淘口令 编辑:程序博客网 时间:2024/05/17 07:39

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

邮箱: 503147973@qq.com

原创粉丝点击