前提条件: 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>
2 番目のページでは、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 中国語 Web サイトの他の関連記事を参照してください。