前面寫過ajax讓返回的內容顯示在特定div裡最近在看jquery,所以又用jquery重寫了個,jquery果然是“寫得更少,做得更多”
<html> <head> <title></title> <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.1.min.js"></script> <meta charset="utf-8" /> <script> $(function(){ $("#right").load("test1.php"); $("#left").click(function(){ $("#right").load("test2.php"); return false;//禁止按钮提交 }); }); </script> </head> <body> <div id="left"><a href="#">点击这里</a></div> <hr /> <div id="right"></div> </body> </html>