jquery 获取ajax加载的html中部分内容

本文介绍了使用Ajax加载另一个HTML页面并从中提取特定内容的方法。主要包括使用jQuery包装元素、利用正则表达式匹配内容以及采用jQuery load()方法进行加载。这些技巧有助于实现网页局部更新和动态加载。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

ajax 获取另外一个html页面并通过获取其中的部分来插入当前html方式有两种

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

$.ajax({
    url:url,
    type:"GET",
    dataType:"html",
    success:function(result){
        console.log(result);
        var Obj = $("").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()方法中添加标签来获取其中部分加载
//a1为当前页加载的DIV块,.b为加载html中class=b的块
$(".a1").load("userInfo.html .b");



评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值