为了简单地在div中加载数据,我将使用load方法
的HTML
<script type="text/javascript" src="js/jquery-1.4.2.js"></script><script type="text/javascript" src="js/AJAX.js"></script><a href='http://practice.dev/index/one' rel="one">One</a><a href='http://practice.dev/index/two' rel="two">Two</a><br /><br /><div id="one">one.phtml content comes here</div><div id="two">two.phtml content comes here</div>
JS
jQuery(document).ready(function(){ jQuery('.ajax').click(function(event){ event.preventDefault(); var target = '#' + jQuery(this).attr('rel'); var href = jQuery(this).attr('href'); jQuery( target ).load( href ); });});使用单个类来标识应使用ajax调用而不是其正常使用的所有链接。并将
rel属性添加到那些包含
id容器div的链接。



