jQuery解析AJAX返回的html数据时碰到的问题与解决
来源:互联网 发布:百度大数据 编辑:程序博客网 时间:2024/06/06 04:54
今天做项目的时候,碰到一个问题。具体情况是,我需要使用AJAX动态的获取某个HTML页面的内容(注意,获取的不是HTML片(snip),而是真正的页面,有<html>, </html>的这种。我想的很简单,获得之后,用jQuery解析一下,取出我要的部分,然后放到页面的某个元素里面。但是,实际情况是,jQuery怎么也解析不了返回的HTML页面。代码如下:
$(document).ready(function () { jQuery.ajax({ url: "http://localhost/topCrashCommands?productId=AutoCAD 2014", type: "GET", success: function (data) { var table = $(".ui-layout-center", $(data)); $("#data").html(table.html()); }, dataType: "html" });});
最后,花了将近2个小时才解决,原因就是,我应该把返回的html用一个标签来包装一下,代码如下:
jQuery.ajax({ url: "http://localhost/topCrashCommands?productId=AutoCAD 2014", type: "GET", success: function (data) { var wrappedObj = $("<code></code>").append($(data)); var table = $(".ui-layout-center", wrappedObj); $("#data").html(table.html()); }, dataType: "html" });
具体为什么要包一下,我不太清楚,很有可能是因为html里面包含的html, title, body等标记被强制的移除掉了,导致我的html不是一个合法的DOM树了,就是说根节点不止1个了。为什么html, title, body这些标记会被强制移除了,jQuery的文档有写,假如传入的html片很复杂,即超过一个标记且包含属性,那个jQuery会调用浏览器的innerHTML来创建DOM树,而浏览器通常会把那些标记移除掉。
OK,就写这么多了。完整的HTML如下:
<!DOCTYPE html><html><head> <% include header_title_meta %> <% include header_jquery %> <% include header_util %> <% include header_jquery_ui %> <% include header_layout %> <% include header_css %> <% include header_underscore %> <script> $(document).ready(function () { //jQuery.ajax({ // url: "http://localhost/weeklyCrashCount?productId=AutoCAD 2014", // type: "GET", // success: function (data) { // var wrappedObj = $("<code></code>").append($(data)); // var chart = $(".ui-layout-center", wrappedObj); // $("#data").html(chart.html()); // }, // dataType: "html" //}); jQuery.ajax({ url: "http://localhost/topCrashCommands?productId=AutoCAD 2014", type: "GET", success: function (data) { var wrappedObj = $("<code></code>").append($(data)); var table = $(".ui-layout-center", wrappedObj); $("#data").html(table.html()); }, dataType: "html" }); }); </script></head><body> <% include fragment_header %> <% include fragment_links %> <div id="data" class="ui-layout-center"> </div></body></html>
- jQuery解析AJAX返回的html数据时碰到的问题与解决
- Jquery JavaScript解析Ajax返回的json数据(转)
- AJAX用jquery解析servlet返回回来的XML 数据
- Jquery ajax方法解析返回的json数据
- jquery ajax 请求、解析返回来的xml数据
- Jquery ajax方法解析返回的json数据
- Jquery ajax方法解析返回的json数据
- Jquery ajax方法解析返回的json数据
- 解决ajax回调方法返回当前html的问题
- 解决ajax返回的问题。
- 在解析JSON数据时碰到的问题
- 解决Ajax返回的json数据乱码问题
- jQuery解析ajax 返回的json
- jquery的ajax返回值与编码问题
- SSH 与jQuery的Ajax整合时,返回数据的时失败的解决方法
- 解决ajax程序访问服务器返回的XML文件时, firebug出现: XML 解析错误问题
- jQuery学习笔记--ajax查询,jQuery解析返回的json数据 详解
- jQuery学习笔记--ajax查询,jQuery解析返回的json数据 详解
- 主定理
- sicp 习题2.32
- 应该先产生 个 CWinThread 对象,再呼叫其成员函式CreateThread 或全域函式AfxBeginThread 将执行 绪产生出来
- Ajax + jsp +servlet 中文乱码问题解决办法
- 使用phpcheckstyle检查自己的代码
- jQuery解析AJAX返回的html数据时碰到的问题与解决
- 在MFC中弹出txt文件
- JQuery实现拖动删除效果
- PHP中strpos函数的使用说明
- 内核模块的编写、编译、加载、卸载;Makefile的编写
- $(addprefix <prefix>,<names...> )
- 愁容骑士
- 剑指offer第7题 两个栈实现队列
- linux下强制不检测依赖安装VNC