Question

求jquery ajax简单示例

如题,表示我希望使用jquery ajax来载入一些内容,使其不在网页的源码当中显示,但是我在网上没有找到具体的例子,希望前辈们抽空给一个具体的演示! 大概的需要如下: 读入一个html的内容,然后载入body部分(忽略body以后的部分) 然后直接显示在当前网页的一个div当中,如 <div class="show"> 显示调用内容 </div> 这样,需要载入时,直接调用,而不是需要点击按钮之类的! 希望前辈能够给我一份源码!
不让留邮箱 - - 只能请指点的前辈,给个源码的下载了

Answer 1

<script src="js/jquery-1.7.2.min.js"></script>
<script>
$(function(){
$('.show').load('test1.html',function(data,state,responseData){
alert(state);
});
})
</script>
<div class="show"></div>

追问

前辈,我使用你的代码,却还是出错了,求指点

我写入这些代码的html文件和调用的js html文件都是同目录的,路径应该没有错,但是却提示错误!- -

.load('body.html' 我修改的路径,因为是同目录的

F12运行后出现的提示:

追答

页面代码贴出来看下，

追问

源码如上,表示我在chrome下提示错误,IE下可以正常显示.但是无论是CHROME下的错误,还是IE下的正确,都会出现一个提示框,想求前辈们指点下,能不能把兼容问题解决下,另外就是能不能把那个提示框去掉.求指点.

追答

$('.show').load('test1.html',function(data,state,responseData){
alert(state);//把这句话注释掉或者删掉就不会有提示框了
});

追问

非常感谢的指点,但是还有个问题想请教一下,就是我读取如果是一个html完整页面,那么能否只提取标签里面的内容?我刚才自己试了下,发现在头部里面如果出现字符信息是会被调用出来的,求前辈再指点一下.十分感谢.

Answer 2

http://api.jquery.com/jQuery.ajax/
官网比较详细的介绍和案例

追问

前辈,英语无力呐