账号通
    

账号  

密码  

37

查看

0

回复
主题:[已解决]jquery 获取ajax加载的html中部分内容 [收藏主题]  
乀灬007 当前离线

3

主题

1

广播

0

粉丝
添加关注
级别:学前班

用户积分:8 分
登录次数:2 次
注册时间:2019/1/9
最后登录:2019/1/12
乀灬007 发表于:2019/1/11 22:48:40   | 只看该作者 查看该作者主题 楼主 
ajax 获取另外一个html页面并通过获取其中的部分来插入当前html方式有两种

1,通过<code></code>来包装获取                  

$.ajax({
    url:url,
    type:"GET",
    dataType:"html",
    success:function(result){
        console.log(result);
        var Obj = $("<code></code>").append($(result));//包装数据
        //(需要获取的对应块(如class='aa')
        var $html = $(".aa", Obj);  
        console.log($html.html());
        //获取对应块中的内容
        var value = $html.html();
        //获得内容可以用append插入对应的div中,也可以用html(value)直接添加
    }
});
2,通过正则表达式来实现
$.ajax({
    url:url,
    type:"GET",
    dataType:"html",
    success:function(result){
        console.log(result);
        //正则表达式获取body块
        var reg = /[\s\S]*<\/body>/g;
        var html = reg.exec(result)[0];
        //然后用filter来筛选对应块对象,如:class='aa'
        var aa = $(html).filter(".aa");
        var aahtml = aa.html();
        console.log(aahtml);
        //获取内容后可以插入当前html中。。。
    }
});
以上两种方式亲测过可用
3,可以通过jquery load()方法中添加标签来获取其中部分加载北京夜的场ktv招聘模特
//a1为当前页加载的DIV块,.b为加载html中class=b的块
$(".a1").load("userInfo.html .b");

---------------------
作者:梦蝶戏舞
来源:CSDN
原文:https://blog.csdn.net/wzhen3103/article/details/77921885
版权声明:本文为博主原创文章,转载请附上博文链接!
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
<上一主题 | 下一主题 >
Powered By KesionCMS Version X1
厦门科汛软件有限公司 © 2006-2016 页面执行0.04688秒 powered by KesionCMS 9.0