纯html页面之间传参

本文介绍了两种解析URL参数的方法并提供了一个简单的视频搜索功能实现案例。通过使用JavaScript,我们能够解析URL中的参数并利用这些参数进行视频搜索,同时实现了页面跳转。

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

//页面引入
//
传参方法,可解析url参数 (function($){ $.getUrlParam = function(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if (r!=null) return unescape(r[2]); return null; } })(jQuery); function getUrlParam(name){ //构造一个含有目标参数的正则表达式对象 var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); //匹配目标参数 var r = window.location.search.substr(1).match(reg); //返回参数值 if (r!=null) return unescape(r[2]); return null; }

 

//页面跳转、搜索视频
function searchvideo(){
    $.ajax({
        type: "GET",
        url: "/lives/search?p=1&p_size=20&keyword="+$(".findvideo").val(),
        //data: '{"p":"1","p_size":"20","keyword":"'+$(".findvideo").val()+'"}',//参数,这里是一个json语句
        success: function(data){
            alert('搜索视频成功,页面即将跳转到测试页面');
            location.href="test.html?keyword="+$(".findvideo").val();
        }
    });
}
getUrlParam("keyword")页面解析直接调用本方法即可

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值