zoukankan      html  css  js  c++  java
  • jQuery:ajax处理html页面

    源码:

      $.ajax({
                    url: url,
                    success: function (data) {
                        var reg = /<body>[sS]*</body>/g;
                        var html = reg.exec(data)[0];
                        html = $(html).filter(".body_main").html();
                        var title = $(html).filter("h2").html();
                        $("#body_main").find("h2").html(title);
    
                        var content = $(html).filter(".main_content").html();
                        $(content).prependTo("#dvFirst");
                        $("#dvFirst>div:gt(4)").remove();
                    }
                });

    注意点:

    1.ajax传输过来的data中有换行符,正则表达式的时候需要注意,不能用.*,必须用[sS]*

    2.在含有<html>   </html>的字符串时,jquery不能够将字符串转化成Dom对象,需要去除html,body可以

    3.在字符串转换成Dom对象后用find来查询时发现查不到,必须使用filter,具体的原因还不清楚。

    find()获得当前元素匹配集合中每个元素的后代(子元素),选择性筛选的选择器(会在当前指定元素中查找符合条件的子元素,是对它的子集操作);
    
    filter()则是在当前指定的元素集合中查找符合条件的元素,是对自身集合元素进行筛选。

    例子:

    body:

      var str = "<body><div>hongda</div><div>hongda2</div><div>hongda3</div><div>hongda4</div></body>";
                var html = $(str).find("div").first().html();
                console.log(html);  //null
     var str = "<body><div>hongda</div><div>hongda2</div><div>hongda3</div><div>hongda4</div></body>";
                var html = $(str).filter("div").first().html();
                console.log(html); //hongda

    div:

      var str = "<div><div>hongda</div><div>hongda2</div><div>hongda3</div><div>hongda4</div></div>";
                var html = $(str).find("div").first().html();
                console.log(html);   //hongda
      var str = "<div><div>hongda</div><div>hongda2</div><div>hongda3</div><div>hongda4</div></div>";
                var html = $(str).filter("div").first().html();
                console.log(html);   //<div>hongda</div><div>hongda2</div><div>hongda3</div><div>hongda4</div>
  • 相关阅读:
    在django中怎么解决没有MySQLdb库的问题
    py下windows用户安装lxml
    发现一个强大的可视化第三方库pyecharts
    failed to create process怎么解决
    做透视表时,提示“数据源引用无效”
    用户运营招聘分析报告
    如何修改启动jupyter的文件路径
    如何卸载EXCEL中的插件?
    解决python3环境下twisted安装问题
    解决python多版本共存问题
  • 原文地址:https://www.cnblogs.com/hongdada/p/3482192.html
Copyright © 2011-2022 走看看