求PHP无刷新页面的效果

Question

我想求一个效果。
在一个DIV里显示一组超链接，点击超链接之后，每个超链接都可以传递各自的数值，显示在同一页面里的另一个DIV里，要求传递时无刷新页面。
<div id="div1">
<ul>
<form method="POST" action="index.php">
<li>
<input type="text" name="name" id="name">
<a href="index.php">test1</a>
<input type="submit" name="sub" id="sub" value="test">
</li>
<li>
<input type="text" name="name" id="name">
<a href="index.php">test2</a>
<input type="submit" name="sub" id="sub" value="test2">
</li>
</form>
</ul>
</div>
<div id="div2">
this is a <? $_POST["name"]; ?>, just a test.
</div>
上面的代码肯定不正确，但是网页结构大致就是这样。div1里每一个li的数值可以传递到div2里显示，每次传递新的数值后，DIV2里的数据被替换成新的。谢谢。

Answer 1

<div id="div1">
<ul>
<form method="POST" action="index.php">
<li>
<input type="text" name="name1" id="name1">
<a href="javascript:;" onClick="document.getElementById('name1').value=this.innerHTML;">test1</a>
<input type="submit" name="sub" id="sub" value="test">
</li>
<li>
<input type="text" name="name2" id="name2">
<a href="javascript:;" onClick="document.getElementById('name2').value=this.innerHTML;">test2</a>
<input type="submit" name="sub" id="sub" value="test2">
</li>
</form>
</ul>
</div>
<div id="div2">
this is a <? $_POST["name"]; ?>, just a test.
</div>

Answer 2

没搞清楚你想要什么，难道是这样？<div id="div1">
<ul>
<form method="POST" action="index.php">
<li>
<input type="text" name="name1" id="name1">
<a href="javascript:;" onClick="document.getElementById('name1').value=this.innerHTML;">test1</a>
<input type="button" onClick="document.getElementById('name2').value=document.getElementById('name1').value;" name="sub" id="sub" value="test">
</li>
<li>
<input type="text" name="name2" id="name2">
<a href="javascript:;" onClick="document.getElementById('name2').value=this.innerHTML;">test2</a>
<input type="button" onClick="document.getElementById('name1').value=document.getElementById('name2').value;" name="sub" id="sub" value="test2">
</li>
</form>
</ul>
</div>
<div id="div2">
this is a <? $_POST["name"]; ?>, just a test.
</div>

Answer 3

感谢nommo_studio，的确是我表达的不清楚，test1,test2的值不需要提交进前面的搜索框。
而是点击test1的文字后，在div2里显示 this is a test1, just a test.
点击test2的文字后，div2里的文字替换成 this is a test2, just a test.
而所有的过程无需刷新页面。而单纯input按钮将会刷新页面，我的代码只是想说明一个大致结构。是不是需要结合JQUERY才能实现无刷新页面的提交呢？

Answer 4

jquery 
POST 提交 $.post(url,{"id":111,"name":"default7"},function(data){ alert(data);});

Answer 5

谢谢。有没有DEMO实例啊？方便学习。

Answer 6

能解释一下$.post(url,{"id":111,"name":"default7"},function(data){ alert(data);});的含义吗？url是目标地址，ID是我的DIV1？name又是什么？后面2个data分别指的是什么？哪一个是$_POST["name"]？
谢谢。

Answer 7

id和name是你传给PHP页面的参数，这2个参数你可以在PHPURL页面用POST接收，然后data返回的数据，可以用于在HTML前端显示的！

Answer 8

我实在太菜了，领悟能力太差。大侠们直接救救我吧……<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$.post('index.php',{"id":"div1","name":"post"});
</script>
<div id="div1">
<ul>
<form method="POST" action="index.php">
<li>
<input type="text" name="name" id="name">
<a href="index.php">test1</a>
<input type="submit" value="test1">
</li>
<li>
<input type="text" name="name" id="name">
<a href="index.php">test2</a>
<input type="submit" value="test2">
</li>
</form>
</ul>
</div>
<div id="div2">
this is a <? $_POST["name"]; ?>, just a test.
</div>

Answer 9

下载个jquery中文帮助文档来看看就会了，jquery就是辅助你简化javascript的操作。google一下，一大堆！