前提:電腦上已經安裝了AppServ
程式碼如下:
第一個頁面,只寫HTML程式碼:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>第一个ajax</title> </head> <body> <p class="comment"> <h6>zhangsan:</h6> <p class="para">soft</p> </p> <p class="comment"> <h6>李四:</h6> <p class="para">板凳</p> </p> <p class="comment"> <h6>王五:</h6> <p class="para">地板</p> </p> </p> <script src="../libs/jquery.js"></script> </body> </html>
第二個頁面,寫jQuery程式碼
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>test</title> </head> <body> <input type="button" id="send" value="Ajax获取"> <p class="comment">已有评论:</p> <p id="resText"></p> <script src="../libs/jquery.js"></script> <script> $(function () { $("#send").click(function () { /* $("#resText").load("firstajax.html"); //将firstajax页面整个内容加在id为restext中*/ /* $("#resText").load("firstajax.html .para"); //将firstajax页面中class为para的内容加在restext中*/ }); }); </script> </body> </html>
以上是jQuery一個ajax實例的詳細內容。更多資訊請關注PHP中文網其他相關文章!