jq代码学习24-----ajax load()加载、筛选加载HTML问文档 fl ch6 p192
来源:互联网 发布:手机淘宝返利网怎么用 编辑:程序博客网 时间:2024/05/20 01:36
demo.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><style type="text/css">* { margin:0; padding:0;}body { font-size:12px;}.comment { margin-top:10px; padding:10px; border:1px solid #ccc;background:#DDD;}.comment h6 { font-weight:700; font-size:14px;}.para { margin-top:5px; text-indent:2em;background:#DDD;}</style> <!-- 引入jQuery --><script src="../scripts/jquery.js" type="text/javascript"></script><script language="javascript" type="text/javascript"> $(function(){ $("#send").click(function(){ //$("#resText").load("test.html");加载 $("#resText").load("test.html .para",function (responseText, textStatus, XMLHttpRequest){ alert( $(this).html() );//在这里this指向的是当前的DOM对象,即 $("#iptText")[0] alert(responseText); //请求返回的内容 alert(textStatus); //请求状态:success,error alert(XMLHttpRequest); //XMLHttpRequest对象 }); }) })</script></head><body><input type="button" id="send" value="Ajax获取" /><div class="comment"> 已有评论:</div><div id="resText" ></div></body></html>
test.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head><body><div class="comment"> <h6>张三:</h6> <p class="para">沙发.</p></div><div class="comment"> <h6>李四:</h6> <p class="para">板凳.</p></div><div class="comment"> <h6>王五:</h6> <p class="para">地板.</p></div></body></html>
阅读全文
0 0
- jq代码学习24-----ajax load()加载、筛选加载HTML问文档 fl ch6 p192
- jq代码学习23-----ajax $.get 和$.post 请求 fl ch6 p192
- jq代码学习20----- jq serializeArray( ) fl ch6 207
- jq代码学习25——基于jQuery的ajax聊天室 fl ch6 p209
- jq代码学习8--事件绑定 fl ch4 p98
- jq代码学习9--合成事件 fl ch4 105
- jq代码学习----- ajax $.ajax( )
- ExtJs4 load加载html页面
- HTML文档加载步骤
- tabs ajax 加载html
- tabs ajax 加载html
- HTML里Ajax加载文档过长,滚动条自动适应
- jq ajax 点击按钮异步加载更多
- html加载顺序、onload、JQ.ready()
- jq 图片延迟加载(懒加载)
- .NET中使用Jquery和Ajax(三) - load加载
- flash加载html代码
- loadHTMLString加载HTML代码
- 去除DWR每次调用都输出日志的问题
- C++ IP和int值之间的转换
- iCarousel 使用 (类似iOS9任务切换动画的效果)
- 响应式设计和媒介查询的基本原理
- ridge regression 脊回归 / 岭回归
- jq代码学习24-----ajax load()加载、筛选加载HTML问文档 fl ch6 p192
- SpringBoot学习:SpringBoot实现热部署
- Field 'userID' doesn't have a default value问题的解决
- springboot整合jd freemarker
- Android混淆从入门到精通
- 腾讯云 wafer2 上手,轻松部署小程序后端!
- 枚举相关
- 数据结构实验之栈与队列二:一般算术表达式转换成后缀式
- 学习笔记6:mysql多从读负载均衡读写分离