jQuery ajax - load() 方法 实例

应用load的最开始是想解决友情链接位置摆放问题，现在应该很多人建站都是用的整站程序，有一些你想要放到的地方，原整站程序是不支持的，幸好有jQuery ajax 这样强大的工具可以用。

之前是从另外独立的HTML文件中导入html代码，当时用浏览器查看源代码时看不到友情链接的html代码，原因应该是js是等页面加载完毕后，才使用的load方法载入代码的。

现将友情链接的代码段，直接放入首页隐藏，然后用load方法载入自身的一部分（#Flinks）放入指定位置，修改链接也比以前方便些：），主要目的是为对百度蜘蛛友好。

查看demo:气动薄膜调节阀

jQuery代码部分

$.ajaxSetup({
  cache: false //close AJAX cache
});
//关闭ajax的缓存功能


$("body").append("<div id='FriendshipLinks'></div>");
//创建div为放入做准备

$("#FriendshipLinks").load("/content/zh-cn/home.aspx #Flinks");
//使用load导入ID为Flinks 的代码段到指定的div内

友情链接的源HTML代码

<div id="FriendshipLinks2" style="position: absolute; display: none;">
<div id="Flinks" style="text-align: left; padding-bottom: 1em; width: 960px; margin: 0 auto;">友情链接: <br /> 
<a href="#" target="_blank">锚文本1</a><span> | </span> 
<a href="#" target="_blank">锚文本2</a><span> | </span>
<a href="#" target="_blank">锚文本3</a><span> | </span>
<a href="#" target="_blank">锚文本4</a><span> | </span>
<a href="#" target="_blank">锚文本5</a><span> | </span>
<a href="#" target="_blank">锚文本6</a><span> | </span>
<a href="#" target="_blank">锚文本7</a><span> | </span>
<a href="#" target="_blank">锚文本8</a><span> | </span>

<br /> 上海晟昌自控阀门有限公司(www.shsc-valve.com)供应气动单座调节阀,气动薄膜调节阀,精小型气动薄膜调节阀,ZJHP气动薄膜单座调节阀</div>
</div>