JS技术

Javascript教程_ajax tab调用怎么对应ID教程_Javascript教程

字号+ 作者:H5之家 来源:H5之家 2015-09-29 14:18 我要评论( )

Javascript教程_ajax tab调用怎么对应ID教程,学习Javascript教程_ajax tab调用怎么对应ID教程,Javascript教程_ajax tab调用怎么对应ID教程,查看Javascript教程_a

ajax tab调用怎么对应ID教程

tags标签对应的需要调用的内容都写在test.php这个文件里,
点击tags a 的某id时就从test.php中调用对应id的内容在content中显示。
js已经有了,我想知道这个test.php里面应该怎么写,才能让tags找到对应id的内容并显示啊?
比如点击tab3,content中就只显示test.php中对应tab3的内容,而不会把tab1,tab2 id下的内容也显示进去。

<div id="demo">
<div class="tags">
<ul>
<li><a id="tab1">1</a></li>
<li><a id="tab2" class="current">2</a></li>
<li><a id="tab3">3</a></li>
</ul>
</div>
<div id="content">
</div>
<script language="javascript">$("#content").load("/test.php",{"type":"tab2"});
</script>
</div>

教程网

关键在js部分,切换选项卡的时候,比如你用选项卡的内容作为分类的关键词的话就把选项卡的内容值通过xmlhttprequest对象的方法open传到你的test.php然后在text.php里通过关键词拿到该显示的内容,这个时候js里的xmlhttprequest对象的属性responseText就是你返回的值然后把这个值写到你的content里

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评