jQuery一个ajax实例
程序员文章站
2022-04-18 16:21:46
...
前提:电脑上已经安装了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实例的详细内容,更多请关注其它相关文章!
上一篇: js实现超酷的照片墙展示效果图附源码下载_javascript技巧
下一篇: MySQL中数据的约束